Ajax基本知识

初始 Ajax

Ajax 是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。

它的核心效果是在浏览器中不重载页面的情况（不刷新页面）与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。

Ajax 使用流程

(1)、创建 XMLHttpRequest 对象

var xmlhttp;
if (window.XMLHttpRequest) {
  xmlhttp = new XMLHttpRequest();
} else {
  xmlHttp = new ActiveObject("Microsoft.XMLHTTP");
}

(2)、发送 Ajax 请求

要想发送 Ajax 请求，就必须先创建一个 Ajax 请求，创建 Ajax 就需要用到 XMLHttpRequest 对象 xmlhttp 了

创建语法格式：

xmlhttp.open("GET/POST", "请求地址URL", true/false);

发送格式：

xmlhttp.send();

(3)、处理服务器

首先了解：

    xmlhttp.onreadystatechange()事件用于监听Ajax的执行过程

    xmlhttp.readyState属性说明XMLHttpRequest当前状态

xmlhttp.status属性服务器常见响应码：

状态码	响应信息	描述
200	OK	请求正常完毕
204	No Content	请求成功处理，没有实体的主体返回
302	Found	临时重定向，资源已永久分配新 URL
400	Bad Request	请求报文语法错误或参数错误
401	Unauthorized	需要通过 HTTP 认证，或认证失败，未授权
404	Not Found	无法找到请求资源
500	Internal Server Error	服务器故障或 Web 应用故障

  处理服务器响应一般是要响应已被接受且服务器处理成功时执行

   xmlhttp.onreadystatechange = function(){
    //响应已被接收且服务器处理成功时才执行
	if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
		//获取响应体的文本
		var t = xmlhttp.responseText;
		//对服务器结构进行处理
		...
	    }
    }