extjs ajax 异步请求正常同步请求出错问题的可能原因
2013-12-23 18:18
288 查看
之前该应用一直工作正常，突然有一天不能正常获取数据，跟踪该请求后发现，
"Failed to set the 'timeout' property on 'XMLHttpRequest': timeouts cannot be set for synchronous requests made from a document."
猜测可能原因是因为浏览器升级！
处理方法：
修改ext-base.js方法中
makeRequest : function(method, uri, callback, postData, options)方法的
中代码：
if(callback && callback.timeout)
为：
if(callback && callback.timeout && options.async)
参考：
http://www.boyunjian.com/do/article/snapshot.do?uid=net.csdn.blog%2Fe_wsq%2Farticle%2Fdetails%2F7521373
Ext.Ajax.request发送同步请求---基于ext-basex
首先从 http://code.google.com/p/ext-basex/ 下载ext-basex
脚本文件，解压后按照说明readme文件的方法引用EXT库和ext-basex。
<head>
<link rel="stylesheet" type="text/css" href="../lib/ext-3.0+/resources/css/ext-all.css" />
<script type="text/javascript" src="../lib/ext-3.0+/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../lib/ext-3.0+/ext-all[-debug].js"></script>
<script type="text/javascript" src="../lib/ux/ext-basex[-debug].js"></script>
</head>
然后使用Ext.Ajax.request方法，添加 async: false, //ASYNC 是否异步( TRUE 异步 , FALSE 同步)，其他参数不变。
Ext.Ajax.request({
url: "StreamingProxy.ashx",
method: "GET",
async: false, //ASYNC 是否异步( TRUE 异步 , FALSE 同步)
success: function(response, opts) {
}, //请求成功的回调函数
failure: function() { alert("获取目录请求失败！"); } // 请求失败的回调函数
});
注意：做了以上操作后在IE、google chrome、firefox11下是没有问题的，但到了firefox12下去看，就发现执行这个的时候一直执行的是失败，也就是走到failure中去了。
Ext.Ajax.request({
url : 'UserValidate',
method : 'post',
params : {
type : 'checksession'
},
async : false, // async 是否异步( true 异步 , false 同步)
success : function(response, opts) {
alert('response.responseText:'+response.responseText);
var val = Ext.util.JSON.decode(response.responseText);
if (val.nosession) {
window.location.href = "index.html";
return;
}
},
failure : function(response,options) {
alert('4444444444444444444444444');
alert('failure response.responseText:'+response.responseText);
window.location.href = "index.html";
return;
}
});
如果加上“async : false, // async 是否异步( true 异步 , false 同步)”则在firefox中无法执行EXt.ajax.request请求，也就是老跑到failure中去，这个同步是要加上ext-basex.js的。
解决办法：
修改 ext - basex-debug .js 文件中的一条语句：
将以下代码：
改为：
正如大家看到的一样，添加了“&& options.async”。
改完上面的地方就可以了。
如果你不是使用的debug版，使用的是压缩的版本，那么在 ext - basex .js中查找“if(u&&u.timeout){”(注意不含引号)，找到后修改为“if(u&&u.timeout&&n.async){”，当然，你可以直接替换。
结论：
将“if(u&&u.timeout){”改为“if(u&&u.timeout&&n.async){”。
注意：测试的时候一定要先清理一下缓存，我试的时候一直没有效果，后来发现是缓存原因。
怎样清理浏览器缓存[各种浏览器]
/article/2954768.html
也有人说改另一个地方，不过我没有试，上面是我试了没有问题的。
in ext-basex.js 4.1 about line 1011
('timeout' in r) && (r.timeout = callback.timeout);
modified to :
(options.async) && ('timeout' in r) && (r.timeout = callback.timeout);
"Failed to set the 'timeout' property on 'XMLHttpRequest': timeouts cannot be set for synchronous requests made from a document."
猜测可能原因是因为浏览器升级！
处理方法：
修改ext-base.js方法中
makeRequest : function(method, uri, callback, postData, options)方法的
中代码：
if(callback && callback.timeout)
为：
if(callback && callback.timeout && options.async)
参考：
http://www.boyunjian.com/do/article/snapshot.do?uid=net.csdn.blog%2Fe_wsq%2Farticle%2Fdetails%2F7521373
Ext.Ajax.request发送同步请求---基于ext-basex
首先从 http://code.google.com/p/ext-basex/ 下载ext-basex
脚本文件，解压后按照说明readme文件的方法引用EXT库和ext-basex。
<head>
<link rel="stylesheet" type="text/css" href="../lib/ext-3.0+/resources/css/ext-all.css" />
<script type="text/javascript" src="../lib/ext-3.0+/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../lib/ext-3.0+/ext-all[-debug].js"></script>
<script type="text/javascript" src="../lib/ux/ext-basex[-debug].js"></script>
</head>
然后使用Ext.Ajax.request方法，添加 async: false, //ASYNC 是否异步( TRUE 异步 , FALSE 同步)，其他参数不变。
Ext.Ajax.request({
url: "StreamingProxy.ashx",
method: "GET",
async: false, //ASYNC 是否异步( TRUE 异步 , FALSE 同步)
success: function(response, opts) {
}, //请求成功的回调函数
failure: function() { alert("获取目录请求失败！"); } // 请求失败的回调函数
});
注意：做了以上操作后在IE、google chrome、firefox11下是没有问题的，但到了firefox12下去看，就发现执行这个的时候一直执行的是失败，也就是走到failure中去了。
Ext.Ajax.request({
url : 'UserValidate',
method : 'post',
params : {
type : 'checksession'
},
async : false, // async 是否异步( true 异步 , false 同步)
success : function(response, opts) {
alert('response.responseText:'+response.responseText);
var val = Ext.util.JSON.decode(response.responseText);
if (val.nosession) {
window.location.href = "index.html";
return;
}
},
failure : function(response,options) {
alert('4444444444444444444444444');
alert('failure response.responseText:'+response.responseText);
window.location.href = "index.html";
return;
}
});
如果加上“async : false, // async 是否异步( true 异步 , false 同步)”则在firefox中无法执行EXt.ajax.request请求，也就是老跑到failure中去，这个同步是要加上ext-basex.js的。
解决办法：
修改 ext - basex-debug .js 文件中的一条语句：
将以下代码：
if(callback && callback.timeout){改为：
if(callback && callback.timeout && options.async){正如大家看到的一样，添加了“&& options.async”。
改完上面的地方就可以了。
如果你不是使用的debug版，使用的是压缩的版本，那么在 ext - basex .js中查找“if(u&&u.timeout){”(注意不含引号)，找到后修改为“if(u&&u.timeout&&n.async){”，当然，你可以直接替换。
结论：
将“if(u&&u.timeout){”改为“if(u&&u.timeout&&n.async){”。
注意：测试的时候一定要先清理一下缓存，我试的时候一直没有效果，后来发现是缓存原因。
怎样清理浏览器缓存[各种浏览器]
/article/2954768.html
也有人说改另一个地方，不过我没有试，上面是我试了没有问题的。
in ext-basex.js 4.1 about line 1011
('timeout' in r) && (r.timeout = callback.timeout);
modified to :
(options.async) && ('timeout' in r) && (r.timeout = callback.timeout);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery ajax请求同步与异步问题
- 微信支付出现支付请求参数错误,请核实再试或交易出错,请稍后再试的可能原因
- 关于异步I/O请求被同步处理的问题。。
- 多个ajax请求的同步异步问题
- 关于DTS运行正常但JOB下运行出错相关问题的原因
- javascript Ajax 同步请求与异步请求的问题
- 微信支付出现支付请求参数错误,请核实再试或交易出错,请稍后再试的可能原因
- jq的ajax请求同步与异步的问题
- 关于jquery同步和异步请求问题总结
- 前端踩坑小结:多个异步请求在同一个函数里面执行时的同步问题之promise的用法。
- js中请求数据的$post和$ajax区别（同步和异步问题）
- NSURLConnection同步与异步请求 问题
- ajax请求同步异步问题
- 浅谈js的ajax的异步和同步请求的问题
- 关于IOS9中NSURLConection的同步或异步发送请求过时问题。
- Javascript 中采用AJAX异步请求数据出错问题（没有搞清readystate几个状态）
- ExtJS4 ajax请求同步异步问题
- [转]IOS程序之HTTP同步请求与异步请求问题解决
- 系统突然运行不正常这个问题产生的原因可能有哪些？
- Oplog出错无法正常同步CQ Multisite问题解决