Ajax
Ajax
异步无刷新技术
核心对象
XMLHttpRequest对象
获取xhr对象:var xhr = new XMLHttpRequest();
onreadystatechange 监听readystate值变化的事件
readystate 数据响应的响应
0=未初始化
1=已经调用open方法,但未调用send方法
2=调用send方法,但未开始响应
3=响应部分响应
4=完全响应数据,且可以使用
status 响应状态码
200=响应成功
500=服务器异常(报错)
404=未找到资源
statusText 状态码的说明
responseText 响应的数据
Aajx的实现流程
1、创建XMLHttpRequest对象
2、打开请求/准备请求
xhr.open(参数1,参数2,参数3)
参数1:请求的方式 (GET|POST)
参数2:请求的路径 (请求地址,如果是GET请求,参数直接拼接在地址栏后面)
参数3:是否异步 (true|false。默认是true,表示异步)
3、发送请求
xhr.send(参数)
参数:要传递的数据(参数)
如果是GET请求:send(null);
如果数POST请求:有参数,则设置参数,无参数则设置为null
4、接收响应
如果响应成功,接收数据
status==200
xhr.responseText
1、创捷XMLHttpRequest对象
var 变量名=new XMLHttpRequest();
2、打开请求|准备请求
变量名.open(参数1,参数2,boolean值)、
3、发送请求
变量名.send(参数)
4、接收响应
console.log(变量名.responseText)
$.ajax({
type:"get|post",
url:"地址",
date:"date参数以{key:value}格式",
success: function(参数){
console.log(参数)
}
});
$.get("url地址",date参数以{key:value}格式,function(参数){
console.log(参数)
});
$.post(url地址,date参数以{key:value}格式,function(参数){
console.log(参数)
});
$.getsJSON(url地址,date参数以{key:value}格式,function(参数){
console.log(参数)
});