使用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();

时间: 2024-08-25 00:25:44

使用fetch/XMLHttpRequest/JQ Aajax获取数据的相关文章

XMLHTTPRequest对象不能跨域获取数据?!

写了一小段代码,是用XMLHTTPRequest对象来获取数据的,在本地服务器中,运行的很顺利,但是转向实际服务器(实质上就是转向http://gumball.wickedlysmart.com获取一个json文件过来),运行就跑不起来了. 这就涉及到跨域获取数据的问题了. 我运行时的环境是这样的: 本地服务器运行当前代码.转向http://gumball.wickedlysmart.com获取一个json文件过来. 结果:报错. XMLHttpRequest cannot load   No

通过XMLHttpRequest和jQuery两种方式实现ajax(即无刷新页面获取数据)

一.XMLHttpRequest实现获取数据 不使用jQuery实现页面不刷新获取内容的方式,我们这里采用XMLHttpRequest原生代码实现:js代码如下: //1.获取a节点,并为其添加Oncilck响应函数document.getElementsByTagName("a")[0].onclick = function(){ //3.创建一个XMLHttpRequest(); var request = new XMLHttpRequest(); //4.准备发送请求的数据ur

Swift - 后台获取数据(Background Fetch)的实现

前面讲了如何让程序申请后台短时运行.但这个额外延长的时间毕竟有限.所以从iOS7起又引入两种在后台运行任务的方式:后台获取和后台通知. 1,后台获取介绍 后台获取(Background Fetch)是为了那些需要定期更新的应用程序设计的,比如天气应用,新闻客户端,社交网络应用程序等.在启动后台获取之后,应用程序可以在后台被唤醒,在后台获取最新信息,以便在用户将应用程序转到前台时能够立即显示这些信息. 2,后台获取功能开启 首先在选中项目,在Capabilities(功能)选项卡,启用Backgr

PDO获取数据的方法fetch()、fetchAll()、setFetchMode()、bindColumn()

PDO的数据获取方法与其他数据库扩展都非常类似,只要成功执行SELECT查询,都会有结果集对象产生.不管是使用PDO对象中的query()方法,还是使用prepare()和execute()等方法结合的预处理语句,执行SELECT查询都会得到相同的结果集对象PDOStatement.都需要通过PDOStatement类对象中的方法将数据遍历出来.下面介绍PDOStatement类中常见的几个获取结果集数据的方法. 1.fetch()方法 PDOStatement类中的fetch()方法可以将结果

js源码 模仿 jquery的ajax的获取数据(get,post )的请求封装

function ajax(obj){ // 默认参数 var defaults = { type : 'get', data : {}, url : '#', dataType : 'text', async : true, success : function(data){console.log(data)} } // 处理形参,传递参数的时候就覆盖默认参数,不传递就使用默认参数 for(var key in obj){//把输入的参数与设置的默认数据进行覆盖更新 defaults[key]

Ajax 获取数据代码

无刷新获取字符串: Html网页中: <script> //定义异步对象 var xmlHttp; //封装方法 function CreateXMLHTTP() {   try {            xmlHttp = new XMLHttpRequest();        } catch (e) {  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");      } } window.onload = functio

【翻译自mos文章】对于oracle 数据库来说,OGG的抽取进程什么时候到database中获取数据?

对于oracle 数据库来说,OGG的抽取进程什么时候到database中获取数据? 参考原文: When GoldenGate Fetches Data From The Database On Extraction For Oracle (Doc ID 1059583.1) 适用于: Oracle GoldenGate - Version 4.0.0 and later Information in this document applies to any platform. 解决方法: 问

WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据(转)

WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="IsPostBack.WebForm1" %> <!DOCTYPE htm

jq处理JSON数据

jq 允许你直接在命令行下对 JSON 进行操作,包括分片.过滤.转换等等.让我们通过几个例子来说明 jq 的功能:一.输出格式化,漂亮的打印效果如果我们用文本编辑器打开 JSON,有时候可能看起来会一团糟,但是通过 jq 的 .(点)过滤器就可以立马让 JSON 的格式规整起来.1.用文本编辑器打开后的样子 2.用 jq 显示的结果 复制代码 代码如下: % jq . soundtag.json 二.快速查询JSON数据利用 jq 能够以 key 作为关键字来对 JSON 作出快速查询, 例如