粗谈对ajax的理解

ajax:
 Asynchronous JavaScript and XML
 异步JavaScript和XML技术
 Asynchronous：
 JavaScript：XMLHttpRequest
 XML：实现数据存储和交换 ----- JSON
 特点：
 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
 不重新加载整个页面的情况下实现页面局部内容的刷新（无刷新技术--局部刷新）
 有效利用带宽

 不利于SEO

ajax的使用有四个步骤：

    a.创建核心对象：

        var xhr = new XMLHttpRequest();

    b.准备建立连接

        xhr.open(method,url,async);

                method--发起请求的方法（POST|GET）

                url--发起请求的目标地址

                async--是否异步处理

    c.发送请求

        xhr.send();

    d.处理响应

        xhr.onreadystatechange = function(){}

ajax中常见的属性：

xhr.readyState：就绪状态码，存有 XMLHttpRequest 的状态信息，(请求到达哪个阶段)
 0 -- 请求未初始化
 1 -- 建立连接
 2 -- 接收到请求
 3 -- 请求处理过程中
 4 -- 请求处理完毕，响应就绪
xhr.status：HTTP状态码
 1xx：消息
 2xx：成功 200-OK
 3xx：重定向
 4xx：客户端错误
 5xx：服务器端错误

xhr.responseText：响应文本


如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

    xml.open("POST","ajax_test.asp",true);
    xml.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xml.send("fname=Bill&lname=Gates");

欢迎关注微信公众号:猴哥说前端