使用fetch/XMLHttpRequest/JQ Aajax获取数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用fetch/XMLHttpRequest/JQ Aajax获取数据相关的知识,希望对你有一定的参考价值。

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/XMLHttpRequest/JQ Aajax获取数据的主要内容,如果未能解决你的问题,请参考以下文章

第一篇 用于测试使用

在使用加载数据流步骤的猪中,使用(使用 PigStorage)和不使用它有啥区别?

今目标使用教程 今目标任务使用篇

Qt静态编译时使用OpenSSL有三种方式(不使用,动态使用,静态使用,默认是动态使用)

MySQL db 在按日期排序时使用“使用位置;使用临时;使用文件排序”

使用“使用严格”作为“使用强”的备份