AJAX请求对象

XMLHttpRequest 是 AJAX 的基础。

所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新
所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。

创建XMLHttpRequest对象
var xhr=new XMLHttpRequest()对象
为了防止游览器兼容性,在创建之前进行兼容性测试:
    var xhr=null;
    if (windOW.XMLHttRequest){
        xhr=new XMLHttpRequest()//高版本游览器
    }esle{
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//兼容低版本游览器
    }

Ajax发送请求对象

如果请求是GET请求

xmlhttp.open("GET",url,async);规定请求的类型
xmlhttp.send();将请求发送到服务器
下面是例子:
        url：文件在服务器上的位置因为get请求的值会在URL地址上面,所以得到值要+?+值名+值;
        async：true（异步）或 false（同步）;不写默认true;
xhr.open("get","getUsername.php?username="+username,true);
get请求的send()里面是null,POST请求要用到send();
xhr.send(null);

如果请求是POST请求

 post请求在URL中就不用谢username=,因为post请求的资源没有在URL中显示出来
 xhr.open("post","getUsername.php",true);
 需要用到send()
 var parna="username="+username;
 在请求发送时要用到请求头,请求头是固定格式
 xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 xhr.send(parna);

最后就是回调函数:
如果是同步:不需要回调函数

>  if (xhr.readyState == 4) {
                    if (xhr.status == 200) {
                        var result = xhr.responseText;
                        console.log(result);
                    }
                }
     同步是要按照顺序先后来的,所以在执行了xhr.open的时候xhr.readyState==1;
     然后再执行xhr.send()这里是传递数据,这里时间长,同步会卡死,等执行xhr.send()完以后才开始下一步所以这个时候xhr.readyState已经==4了
     所以就不需要回调函数再去让xhr.readyState==4了;

如果是异步需要回调函数:

xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4) {
                        if (xhr.status == 200) {
                            var result = xhr.responseText;
                            console.log(result);
                        }
                    }
                }
            异步操作时在执行xhr.send()时,正常来说异步这里也会卡死,因为JS是单线程,但是游览器是多线程的,
            在异步中,xhr.send()在传递数据时时间,游览器会执行下面的语句,所以我们在xhr.send()下面的输出语句是==1,
            正常来说send()执行完以后,xhr.readyState应该不是==1.因为JS是单线程.

GET 还是 POST？

与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。 然而，
在以下情况中，请使用 POST 请求：
无法使用缓存文件（更新服务器上的文件或数据库）
向服务器发送大量数据（POST 没有数据量限制）
发送包含未知字符的用户输入时，
POST 比 GET 更稳定也更可靠