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数据的全部流程。