淘先锋技术网

首页 1 2 3 4 5 6 7

Get请求是一种常用的向服务器请求数据的方法,而Json则成为现在应用中传输数据的主流方式。下文将会带您一步步了解如何使用get请求获取Json数据。

第一步:准备工作

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法,url为接口地址
xhr.open('GET', 'http://api.example.com/data', true);
//请求头(可选)
xhr.setRequestHeader('Content-Type', 'application/json');

第二步:发送请求

//设置请求成功的回调函数处理数据
xhr.onload = function () {  
//responseText属性就是服务器返回的数据
var json = JSON.parse(xhr.responseText);
//处理数据...
};
//发送请求
xhr.send();

完整代码如下:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://api.example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function () {
var json = JSON.parse(xhr.responseText);
//处理数据...
};
xhr.send();

以上就是使用ajax的get请求获取Json数据的全部流程。