jQuery在单击按钮时中止所有AJAX请求(query)
jQuery abort all AJAX requests(query) on click of a button
如何取消/中止/停止所有尚未收到按钮或某些点击事件响应的AJAX请求/查询?因为我调用了多个AJAX。这是我的代码:
function makeCalls() {
var urls = ["url1.php", "url2.php", "url3.php", "url4.php"];
$.each(urls, function(index, value) {
$.ajax({
global: false,
type: 'POST',
url: value,
dataType: 'html',
data: returnData(),
cache: false,
timeout: 60000,
success: function(result) {
switch(value) {
case "url1.php":
// my code for url1
case "url2.php":
// my code for url2
case "url3.php":
// my code for url3
case "url4.php":
// my code for url4
}
},
error: function (request, status, error) {
console.log('ERROR: ' + request.responseText);
}
});
});
}
var ajaxRequestsArray = [];
function makeCalls() {
var urls = ["url1.php", "url2.php", "url3.php", "url4.php"];
$.each(urls, function(index, value) {
var ajaxRequest = $.ajax({
global: false,
type: 'POST',
url: value,
dataType: 'html',
data: returnData(),
cache: false,
timeout: 60000,
success: function(result) {
switch(value) {
case "url1.php":
// my code for url1
case "url2.php":
// my code for url2
case "url3.php":
// my code for url3
case "url4.php":
// my code for url4
}
},
error: function (request, status, error) {
console.log('ERROR: ' + request.responseText);
}
});
ajaxRequestsArray.push( ajaxRequest );
});
}//makeCalls()
现在假设这是你的按钮:
<a href="#" id="abort-all-ajax" title="Abort all requests">Abort all requests</a>
$("#abort-all-ajax").on("click", function(e){
e.preventDefault();
for(var i = 0; i < ajaxRequestsArray.length; i++ )
{
var curRequest = ajaxRequestsArray[i];
curRequest.abort();
}//for()
});//click handler
相关文章:
- ajax请求的顺序总是不同的
- 从ajax请求中获取javascript对象
- Ajax请求文档就绪会导致jquery加载缓慢
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- JavaScript代码未正确检查ajax请求
- "日期“;AJAX请求返回的类型值未定义
- 在等待ajax请求时显示微调器并禁用页面
- 跨域ajax请求
- Ajax请求返回空的数据字符串,但首先得到了正确的数据
- Javascript-如何让脚本与Ajax请求的数据一起运行
- ajax请求成功,但可以'我看不到我的数据
- 如何将给定的curl命令复制为jquery ajax请求
- 为什么我能够从javascript控制台发送跨域ajax请求
- 一台特定计算机的Ajax请求数据未定义/失败
- 获取ajax请求的请求头
- 原型Ajax请求参数为嵌套json
- 可以't从AJAX请求中筛选数据
- jQuery Mobile Collapse上的AJAX请求
- 暂停函数执行流程,直到ajax请求完成