Ajax基础知识分享

整理的一点有关ajax的知识，给大家分享下！

说到ajax首先我们先要了解一下关于ajax的原理和XmlHttpRequest对象：Ajax的原理简单来说通过XmlHttpRequest对象来向服务器获得数据，然后用javascript来操作DOM而更新页面，这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理。

XMLHttpRequest用于后台与服务器交换数据，这意味着可以在不重新加载整个网页的情况下，对网站部分进行更新，当请求被发送到服务器时，每当readyState改变时，就会触发onreadystatechange事件，readyState属性存有XMLHttpRequest的状态信息，下面是XMLHttpRequest对象的三个重要的属性：

1.onreadystatechange存储函数（或函数名），每当readyState属性，就会调用该函数。

2.readyState存有XMLHttpRequest的状态，从0到4发生变化：

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　1.0：请求未初始化。　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2.1：服务器连接已建立。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　3.2：请求已接受。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　4.3：请求处理中。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　5.4：请求已完成，且响应已就绪。　

3.status:

　　　　1.200:"OK"

　　　　2.404:未找到页面

4.status Text伴随状态码的字符串信息。

5.responseText从服务器进程返回数据的字符串形式。

6.responseXML从服务器进程返回的DOM兼容的文档数据对象。

window.onload = function() {

                var oBtn = document.getElementById('btn');

                oBtn.onclick = function() {
　　
　　　　　　　　　　//判断浏览器的兼容
　　　　　　　　　　var xhr;
　　　　　　　　　　
　　　　　　　　　　if(window.XMLHttpRequest){
　　　　　　　　　　　　xhr = new XMLHttpRequest();
　　　　　　　　　　} else{
　　　　　　　　　　　　xhr = new ActiveXObject('Microsoft.XMLHTTP');
　　　　　　　　　　}

                    //使用XMLHttpRequest创建对象
                    var xhr = new XMLHttpRequest();
                    
                    //在地址栏输入传输方式、文件地址、同步或者异步。
                    xhr.open('get', '1.txt', true);
                    //提交
                    xhr.send();

                    //等待服务器返回内容
                    xhr.onreadystatechange = function() {
                    　　　　//readyState == 4表示请求已完成，且响应已就绪
                        if(xhr.readyState == 4) {
                            alert(xhr.responseText);
                        }

                    }

                }
            }

 

　　如上所示，函数首先检查XMLHttpRequest的整体状态并且保证它完成请求。

接下来我在说一下将请求发送到服务器用到的方法：

　　1.open规定请求的类型、url以及是否异步处理请求，method：请求的类型；GET或POST，url：文件在服务器上的位置。async：true同步或者异步。

　　2.send(string)将请求发送到服务器。string：仅用于POST请求。

 

 

 

这是本人整理的一些有关ajax的基础的东西，希望对大家有帮助，同时也请大神们指导指导！！！！！！                                             2016-08-03