使用fetch/XMLHttpRequest/JQ Aajax获取数据
2016-09-30 11:56
781 查看
var url = 'http://irun-dev.hupu.com/matchWeb/matchInfo?match_id=79';
// 用fetch方法
/*
var fet = fetch(url).then(function(data){
console.log('done...');
if(data.ok){
return data.json();
}
}).catch(function(error){
console.log('error...');
});
fet.then(function(obj){
console.log(obj);
console.log(obj.result.matchInfo.fee_goods_id);
}).catch(function(error){
console.log(error);
});
*/
console.log('------------------------------------------------------------------------');
// 用XMLHttpRequest方法
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function(data){
console.log('done...');
console.log(data);
if(data.currentTarget.readyState === 4){
if(data.currentTarget.responseText !== ''){
console.log('done again...');
var obj = JSON.parse(data.currentTarget.responseText);
console.log(obj);
console.log(obj.result.matchInfo.fee_goods_id);
}
}
};
xhr.onerror = function(data){
console.log('error...');
console.log(error);
};
xhr.send();
// 用fetch方法
/*
var fet = fetch(url).then(function(data){
console.log('done...');
if(data.ok){
return data.json();
}
}).catch(function(error){
console.log('error...');
});
fet.then(function(obj){
console.log(obj);
console.log(obj.result.matchInfo.fee_goods_id);
}).catch(function(error){
console.log(error);
});
*/
console.log('------------------------------------------------------------------------');
// 用XMLHttpRequest方法
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function(data){
console.log('done...');
console.log(data);
if(data.currentTarget.readyState === 4){
if(data.currentTarget.responseText !== ''){
console.log('done again...');
var obj = JSON.parse(data.currentTarget.responseText);
console.log(obj);
console.log(obj.result.matchInfo.fee_goods_id);
}
}
};
xhr.onerror = function(data){
console.log('error...');
console.log(error);
};
xhr.send();
相关文章推荐
- ajax xmlhttprequest使用post传参数并向后台获取数据
- 使用XMLHTTP Request Object获取服务器数据
- 使用 XMLHttpRequest 实现 Ajax 三:取回 Json 数据
- jquery 使用$.ajax 时获取原生XMLHttpRequest 对象
- 使用XMLHTTP Request Object获取服务器数据
- 使用XMLHTTP Request Object获取服务器数据
- 使用XMLHttpRequest获取二进制数据显示图片
- 使用xmlhttprequest对象来进行AJAX的异步数据交互
- 使用XMLHTTP Request Object获取服务器数据
- 使用 XMLHttpRequest 实现 Ajax 二:取回 XML 数据
- 1.使用XMLHttPRequest控件异步获取数据
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- 如何使用Ajax(XMLHttpRequest)发送带参数的请求,以及如何在Servlet中获取请求中的参数
- 使用XMLHTTP Request Object获取服务器数据
- 使用XMLHTTP Request Object获取服务器数据 (转http://www.cnblogs.com/birdshome/archive/2004/12/26/82238.html)
- 使用XMLHTTP Request Object获取服务器数据
- 使用XMLHTTP Request Object获取服务器数据
- [置顶] Ajax获取数据时出现XMLHttpRequest cannot load
- [转]使用XMLHTTP Request Object获取服务器数据
- 使用XMLHTTP Request Object获取服务器数据