AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
使用AJAX之前我们需要创建一个 AJAX对象
var ajaxDate = =new XMLHttpRequest();
这里我们需要注意 老版本的IE不支持这种创建的方法
所以又到了兼容的环节
var ajaxDate;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
ajaxDate=new XMLHttpRequest();
}
else
{// code for IE6, IE5
ajaxDate=new ActiveXObject("Microsoft.XMLHTTP");
}
第二步就是发送请求了
用到了 .open(‘GET’,URL , true)
三个参数、第一个 发送请求的方式 分为 GET POST 两种
URL 数据的链接 (服务器)
第三个,是否是异步加载 一般都是异步加载
.send()将请求发送到服务器。
三 等待服务器响应
如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
利用 onreadystatechange 事件监听服务器响应的进度
每当 readyState 改变时,就会触发 onreadystatechange 事件。
.readyState 有以下的值
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status
200 OK 404 未找到
if(request.readyState == 4 && request.status == 200){
获取成功了
}
成功之后就可以用 JSON.parse()把其转化成对象格式的数据
JQ 的AJAX 获取数据
$.ajax({
type: "POST", 发送请求的类型
url: "test.json", 地址
data: "name=John&location=Boston",
success: function(msg){
var obj = JSON.parse(msg);
}
});