AJAX

一、AJAX简介

Ajax：异步的JavaScript和XML，web开发的一种技术，可以用来异步发送和请求数据，不需要重新刷新整个页面。

二、创建 XMLHttpRequest 对象

XMLHttpRequest 是 AJAX 的基础。

var xml = new XMLHttpRequest();

三、向服务器发送请求

向服务器发送请求，使用XMLHttpRequest对象的open()和send()方法

语法：

open(type(post,get),url,async(true,false));
xml.send();

// async(true,false) 是否异步加载

例子：

open(get,“json.json”,true);
xml.send();

四、发送请求

发送请求的两种方法：onload，onreadystatechange

语法：

xml.onload = function(){
	//console.log(xml.readyState);//打印状态码
}

xml.onreadystatechange = function(){
	//console.log(xml.readyState);//打印状态码
}

注意：onload和onreadystatechange都可以实现请求。
区别在于：onload和onreadystatechange得到的状态码不同。

五、服务器响应

如果要获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

1. 服务器响应并非XML用 responseText 属性
2. 服务器响应是XML用 responseXML 属性

//把数据解析成json格式
JSON.parse();

//例子：
JSON.parse(this.responseText);

六、状态码

readystate 打印状态码

• 0 请求未初始化
• 1 已于服务器建立连接
• 2 请求已接受
• 3 请求处理中
• 4 请求已完成，且响应就绪

七、HTTP状态码

status 打印HTTP状态码

• 200 服务器成功返回网页
• 404 请求的网页不存在
• 500 服务器错误
• 503 服务器暂时不可用