什么是Ajax

一、什么是ajax

Ajax全称Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
Ajax是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必需重载整个网页面。

二、同步与异步的区别

同步：同步的模式下，发送的请求后，在服务器没有返回数据前，会导致后面的代码运行不了。就好比一条流水线工程，一个环节出现问题后续的环节都不能工作。
异步：异步的模式下，发生请求后，无论服务器有没有返回数据，后面的代码依然会执行。就好比将业务外包给别的公司，别的公司无论是否将产品送回，本公司依然要进行工作。

三、Ajax的实现

        /* 创建对象XHP */
        var XHP = new XMLHttpRequest()
        /* open：接收三个参数。
                 第一个，请求的方式（get，post，put，delete，patch）
                 第二个，请求地址
                 第三个，是否异步（true异步，false同步） 
        */
        XHP.open('get', 'anli.json')
        /* send：发送请求，是必不可少的 */
        XHP.send()
        /* onreadystatechange：接收数据的事件 */
        XHP.onreadystatechange = function () {
            console.log(XHP.readyState);
            /* XHP.readyState===2时，send执行完
                             ===3时，正在解析数据
                             ===4时，解析完毕
            */
            console.log(XHP.status);
            /* XHP.status===200时，返回数据正确
                         ===404时，返回数据错误
            */
            console.log(XHP.responseText);
            /* XHP.responseText：返回的数据 */

        }

三、请求方式

get：偏向于获取数据
post：偏向于提交数据
put：偏向于更新全部数据
delete：偏向于删除数据
patch：偏向于更新部分数据