简述Ajax

Ajax是什么？

我理解它为一种异步请求数据的技术，帮助改善用户的体验和程序的性能。

Ajax的使用：

(1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.

 (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息. 

 (3)设置响应`HTTP`请求状态变化的函数. 

 (4)发送`HTTP`请求. 

 (5)获取异步调用返回的数据.

 (6)使用JavaScript和DOM实现局部刷新.

↓↓ 创建Ajax核心对象XMLHttpRequest ↓↓

var xmlHttp;

if (window.XMLHttpRequest) {

    //IE7+,Chrome,Firefox,Safari,Opera执行此代码

    xmlHttp = new XMLHttpRequest();

} else { //IE5,IE6 执行

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

}

↓↓ 向服务器发送请求 ↓↓

xmlHttp.open('GET','demo.php','true');

xmlHttp.send();

xmlHttp.onreadystatechange = function({

    if(xmlHttp.readyState===4&xmlHttp.status===200){

    }

}

▲open的参数：

→ method：请求的类型，GET和POST

→ url：文件在服务器上的位置，相对位置或绝对位置

→async: true(异步) ，false(同步)

▲post请求不同于get请求

send(string)方法post请求时才使用字符串参数，否则不用带参数。

▲post请求一定要设置请求头的格式内容

xmlhttp.open("POST","ajax_test.html",true);  

xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");  

xmlhttp.send("fname=Herry&lname=Ford");