Ajax

Ajax即---Asynchronous Javascript And XML（异步javascript和XML），是一种创建交互式网页应用的网页开发技术，通过后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页不使用Ajax如果要更新内容，必须重载整个网页面。

优势：

　　=>使用javascript向服务器提出请求并处理响应而不堵塞用户，通过XMLHTTPRequest这个对象，javascript可在不重载页面的情况下与web服务器交换庶几乎。

　　=>Ajax在浏览器与web服务器之间使用异步数据传输（http请求），可以使网页从服务器请求少量的信息，而不是整个页面。

流程：

//1、创建XMLHttpRequest对象(需要考虑各浏览器兼容的问题)
var xhr = function getXmlHttpObject() {
    var objXMLHttp = null;
    if (window.XMLHttpRequest) {
        objXMLHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return objXMLHttp;
}


//2、使用XMLHttpRequest对象打开一个连接(指定连接方式和连接地址以及是否同步)
xhr.open("POST","URL ",true);

//3、设置请求的头部(请求的类型和请求的编码格式)
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

//4、发送请求
xhr.send()

//5、设置回调函数
xhr.onreadystatechange=function(){
    //如果readyState为4，表示响应已经被完全接收。
    if(xhr.readyState==4){
        //如果获得的结果状态代码为200，表示服务端正常返回
        if(xhr.status==200){
            var txt=xhr.responseText;
            document.getElementById("err").innerHTML=txt;
        }
    }
}