Ajax请求的步骤

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

Ajax的使用

一、创建xhr对象

var xhr = new XMLHttpRequest();//所有现代浏览器均支持

如果是IE5 和 IE6 使用 ActiveXObject，使用兼容性写法

 var xhr = null;
 if(window.XMLHttpRequest){
     xhr = new XMLHttpRequest();
 }else{
     xhr = new ActiveXObject('Microsoft.XMLHTTP');
 }

二、判断xhr状态,数据返回成功，执行代码

readyState = 4，处于完成状态，响应结束。
status = 200时，表示请求成功。

 xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200 ){
    	//
        doResponse(xhr);
    }
}

三、创建请求消息，连接服务器

GET

 xhr.open('请求的类型','文件在服务器上的位置',/*true异步/false同步,默认true*/);
 //例子，发送的数据写在url的后面，使用?连接
 xhr.open('GET',`01-reg-get.php?username=${username}`,true);

POST

 xhr.open('POST','02-add-post.php',true);

在使用POST请求时，要先设置请求头部

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

四、发送请求

GET

 xhr.send(null);

POST
post请求发送的数据在send方法里面，数据之间通过&连接

 xhr.send('stuNmae=' + stuName+'&score='+score );

在数据返回成功时，执行的代码可以通过使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性，来设置从服务器响应等的数据

responseText 属性返回字符串形式的响应

可以通过在服务端设置响应消息头 ，来使用不同的响应消息。
除了在服务端设置响应消息头为xml

header('Content-Type:application/xml');

才使用responseXML ，其他基本上都是使用responseText。

这就是Ajax最基本的使用，想要深入研究，可以查看文档学习。