一、AJAX简介
AJAX是能够在不刷新页面的情况下,让局部数据跟新的技术
二、AJAX请求数据分为三步
1、创建对象
var request = new XMLHttpRequest();
2、发送请求
分为 get、post
单线程和多线程
同步(不可同时执行)和异步(可多个事件同时执行)
request.open("get","test.json",true); // 规定请求: 类型、URL 、以及是否异步处理请求
request.send(); // 将请求发送到服务器
3、等待响应
每次网络请求的状态代表都会调用这个方法
request.onreadystatechange = function(){
if(request.readyState == 4 && request.status == 200){
// 请求成功并返回了数据
}
}
readyState有以下值:
// 0: 请求未初始化
// 1: 服务器连接已建立
// 2: 请求已接收
// 3: 请求处理中
// 4: 请求已完成,且响应已就绪
status有以下值:
200:OK
404:未找到页面
三、返回的数据的主要格式
一、JSON格式-----responseText获取
var obj = JSON.parse(request.responseText); // 将JSON转为对象
二、XML格式-------responseXML获取
四、JQ中AJAX的应用
$.ajax({
type:"get",
url:"test.json",
success:function(msg){
console.log(JSON.parse(msg)); // msg保存的就是对应的数据
}
})
网友评论