怎么通过ajax从后台获取json数据

Question

如题所述

Answer 1

1.第一步：创建异步对象
var xhr=new XMLHttpRequest ();//创建一个异步对象。
上面创建异步对象的方法非IE浏览器都支持。IE7以上也支持。
2.第二步：创建http请求（只是打开和url的连接，并不会发送请求。）
var xhr=new XMLHttpRequest();
xhr.open("get","接口的地址","true");
//参数一：发送请求的方式：方式分别有post和get
//参数二：请求地址
//参数三：是否是异步提交true:异步，flase:同步提交

//如果使用post请求需要为post请求设置一个请求头（必须在发送数据之前）设置方法如下：
//xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
3.第三步：发送数据（get和post发送数据的方式不相同）
var xhr=new XMLHttpRequest ();//创建一个异步对象。
xhr.open("get","接口地址？name=zhangsan","true");
//在发送数据上需要注意的是get和post的发送方式
//get：数据需要拼接到open方法里面的URL地址里格式为URL？数据。（注意：get方式也还是需要调用send方法如不调用数据将不会发送）
//post：数据直接写到send方法里即可如下：
// xhr.send("name=zhangsan");
4.第四步：设置监听请求状态的回调函数
请求状态分为5步：
0.未初始化：异步对象创建出来但是还没有打开连接，（即未调用open方法）
1.已初始化：异步对象已经创建并且打开了连接（调用了open方法），但是还没有发送请求（未调用end方法）
2.已发送数据：已经调用了send方法，但web服务器响应还未返回
3.正在接收：web服务器接收完数据并且处理完毕后，向客户端发送响应结果
4.接收完毕：当web服务器响应的数据全部接收完毕
以上序号对应readyState的值
完整的是这样：
var xhr=new XMLHttpRequest ();//创建一个异步对象。
xhr.open("get","接口地址","true");
//下面的回调函数是会动态监听请求状态
xhr.onreadystatechange=function(){
//readyState属性会记录下5种请求状态
if(xhr.readyState == 4){
alert("web服务器响应的数据全部接收完毕")
}
}

Answer 2

利用请求地址，后台会进行处理数据，然后返回。本回答被网友采纳