Javascript 处理并发Ajax请求
我正在努力做到以下几点：Javascript 处理并发Ajax请求,javascript,jquery,Javascript,Jquery,我正在努力做到以下几点： 我有一个链接列表，每个链接在单击时执行不同的Ajax调用 每个Ajax响应都分配了一个显示目标 在处理请求时，仍然可以单击链接（=进一步的Ajax调用） 下面的示例有两个目标和四个链接：两点到DIV#d1，两点到DIV#d2 我如何确保只有最后发送的请求的响应最终会显示在其目标DIV中 如果单击标记为Data1的链接，然后单击Data2，则必须中止第一个调用，因为Response1可能在Response2之后到达。这个问题似乎意味着我必须跟踪每个目标以前的请求，以便
- 我有一个链接列表，每个链接在单击时执行不同的Ajax调用
- 每个Ajax响应都分配了一个显示目标
- 在处理请求时，仍然可以单击链接（=进一步的Ajax调用）
- 下面的示例有两个目标和四个链接：两点到DIV#d1，两点到DIV#d2
Data1Data2<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<ul>
<li><a href="data1.htm" class="trigger" data-target="d1">Data 1</a></li>
<li><a href="data2.htm" class="trigger" data-target="d1">Data 2</a></li>
<li><a href="data3.htm" class="trigger" data-target="d2">Data 3</a></li>
<li><a href="data4.htm" class="trigger" data-target="d2">Data 4</a></li>
</ul>
<div id="d1"></div>
<div id="d2"></div>
<script type="text/javascript" src="/test/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
var register = {};
$(".trigger").on("click", function() {
var target = $(this).attr("data-target");
var url = $(this).attr("href");
if (register[target] == undefined) register[target] = [];
ajaxCall = $.get(url, function(data) { // Ajax request
$("#" + target).html(data);
});
for (a in register[target]) { // Aborts existing ajax requests for this target
register[target][a].abort();
}
register[target] = []; // Empty register for this target
register[target].push(ajaxCall); // Register current ajax request
return false;
});
});
</script>
</body>
</html>
$（函数（）{
变量寄存器={}；
$（“.trigger”）。在（“单击”，函数（）{
var target=$（this.attr（“数据目标”）；
var url=$（this.attr（“href”）；
如果（寄存器[target]==未定义）寄存器[target]=[]；
ajaxCall=$.get（url，函数（数据）{//Ajax请求
$（“#”+target）.html（数据）；
});
对于（寄存器[target]中的a]）{//中止此目标的现有ajax请求
寄存器[target][a]。中止（）；
}
寄存器[target]=[]；//此目标的寄存器为空
注册[target].push（ajaxCall）；//注册当前ajax请求
返回false；
});
});
for in.data数据-|var target = $(this).data("target"),
url = $(this).attr("href");
register[target] = register[target] || [];
$.each(register[target], function() {
this.abort();
});
ajaxCall = $.get(url, function(data) { // Ajax request
$("#" + target).html(data);
});
register[target].push(ajaxCall); // Register current ajax request
感谢您的评论和干净的代码。但我仍然认为，
register[target]register[target]=[]