ajax简介及应用

1、什么是ajax:

       AJAX全称为“Asynchronous JavaScript and XML”

       AJAX = 异步 JavaScript 和 XML。

       使用XMLHttpRequest对象与Web服务器进行异步数据通信；

       使用JavaScript绑定和处理所有数据。

        AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

---

2、ajax的原理：

            Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化，

            Ajax的原理简单来说通过XMLHttpRequest对象来向服务器发送异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。

---

3、ajax的核心： 

         Ajax其核心由   JavaScript、XMLHTTPRequest、DOM对象    组成

---

4、ajax的优缺点：

优点：     1、无刷新更新数据。

                2、异步与服务器通信。

                3、前端和后端负载平衡

                4、界面与应用的分离

缺点：     1、无法后退

                2、AJAX的安全问题

                3、AJAX不能很好支持移动设备。

---

5、 对象：

         new XMLHttpRequest                                    //  是对于现代浏览使用的

         new ActiveXObject("Microsoft.XMLHTTP")    // 是对IE5\6这两个版本使用的

---

6、处理兼容可以采用：

        var xhr;

        if(window.XMLHttpRequest){

                   xhr=new XMLHttpRequest();

         }else if(window.ActiveXObject){

                   xhr=new ActiveXObject("Microsoft.XMLHTTP");

         }else{

                     alert("更换浏览器");

         }

---

7、方法：

xhr.open(method,url,async)与服务器进行连接

method:请求方式 get  post

url：请求服务器上文件的路径，

async: true（异步） false（同步）

send() 发送请求

如果是get方式，  参数放一个null

如果是post方式， 参数要放  请求的时候携带的数据

---

8、属性:

1、responseText 服务器返回的数据（字符串形式）

      responseXML 服务器返回的数据(XML格式)

2、onreadystatechange  当XMLHttpRequest的状态被改变时，会触发这个事件

3、readystate  这个参数表示的就是XMLHttpRequest的状态

      （0  1  2  3  4）

readyState== 0 //尚未加载

readyState== 1 //正在加载

readyState== 2 //加载完毕

readyState== 3 //正在处理

readyState== 4 //处理完毕

4、status 服务器的状态

      例如 200  404 

---

9、post 与 get 的区别

         1. POST是发送数据，GET是接受数据；

         2. POST发送数据的安全性较好，而GET较差；

         3. POST发送数据不限制大小，而GET大小受限2~100k。

---

10、写ajax的步骤：

           1，必须new 一个 XMLHttpRequest  这么个对象

           2，与服务器进行连接  open()

           3，发送请求      send()

           4，监听状态有无改变 onreadystatechange

            5,判断状态码