AJAX
原生ajax步骤
1.创建XMLHttpRequest核心对象
var xhr=new HTMLHttpRequest();
2.准备请求,使用XHR对象必须先调用open()方法有三个参数(请求类型,请求的路径/地址,是否异步,)默认异步
xhr.open();
3.发送请求,若为get请求设置为null(get请求参数在请求地址后面)若是POST请求,无参数是设置为null 有参数时设置参数
xhr.send();
4.判断响应数据,解析响应数据
同步
响应结果xhr.responseText
响应状态xhr.status
异步(需要知道请求是否处理完毕处理完毕再解析数据)
监听处理请求码状态readyState
需要绑定监听事件,onreadystatechange
注
readyState
准备状态
responseText
响应文本
status
状态码200表示成功 404找不到 500服务器异常
statusText
对状态码解释
onreadyStatechange
状态改变时事件
Jquery的AJAX
调用
$.ajax()
格式:
$.ajax({
type:“get|post”,
url:“json路径”,
async:true|false,
data:发送到服务器的数据
dataType:预期返回的数据类型
contenType设置请求头
sucess:function(){
}
error::function(){
}
})
$.get()
格式
$.get(‘json地址’)
$.get(‘json地址,{ }’)
$.get(‘json地址’,function(data){
console.log(data)
})
$.get(‘json地址’,{ },function(data){
console.log(data)
})
$.post()
格式
$.post(‘json地址’)
$.post(‘json地址’,{ })
$.post(‘json地址’,function(data){
console.log(data)
})
$.post(‘json地址’,{ },function(){
console.log(data)
})
$.getJSON()
表示请求返回类型是JSON格式的ajax请求