Ajax基础

什么是Ajax?

    

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

ajax的作用?

    页面无刷新操作(在页面没有刷新或者跳转的情况下可以和后台服务器进行数据交互)

    表单验证(验证用户名是否存在)

    谷歌地图,百度地图

    瀑布流技术

.

.

.

为什么要用Ajax呢?

    为了用户体验。马云大大在互联网峰会上讲的未来20-30年之内体验将是最为重要的事情之一。

ajax如何实现页面无刷新的情况下和服务器进行交互?

    有个东西做XHR对象,代理浏览器向服务器请求信息和数据.

XHR对象需要学习的成员

    属性

        事件属性(ajax的时间流程触发的事件)

        onabort: 在终止时触发的事件

        onerror: 在出现错误时触发的事件

        onload: 在加载时触发的事件

        onloadend: 在加载结束时触发的时间

        onloadstart: 在开始加载时触发的时间

        onprogress: 在进程中触发的事件

        onreadystatechange: 在准备状态改变时触发的事件 ☆☆☆

        ontimeout: 在超时时触发的事件

        状态属性

        readyState: 0        发起请求过程中的状态代码

            0

            1

            2

            3

            4表示成功

        response: ""        响应的状态代码

        responseText: ""    响应的数据字符串格式

        responseType: ""    响应的数据类型

        responseURL: ""        响应数据的URL

        responseXML: null    响应数据的XML格式

        status: 0            服务器响应的状态代码  404

            200    成功

            301    跳转

            404 找不到文件

            403    没有权限

        statusText: ""        服务器响应的状态字符串

        timeout: 0            超时时间

    方法

        abort() 强制终止ajax的请求

        open()     建立一个ajax连接

        send()    发送请求数据

        setRequestHeader()  设置发送的头信息 在POST情况下使用