ajax 在多请求时怎么只处理最后一个
日期：2014-05-17 浏览次数：20989 次
ajax 在多请求时如何只处理最后一个
有a b c d 4个按钮，每个按钮点击时调用相同方法，只是所带参数不同，
返回结果也是显示在相同地方，如何做到在点击a按钮后(还没返回结果前)，再点b按钮时
能断掉a请求，只处理b请求。
------解决方案--------------------
试下模拟按下esc
有a b c d 4个按钮，每个按钮点击时调用相同方法，只是所带参数不同，
返回结果也是显示在相同地方，如何做到在点击a按钮后(还没返回结果前)，再点b按钮时
能断掉a请求，只处理b请求。
------解决方案--------------------
试下模拟按下esc
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Simulate Event</title>
<script type="text/javascript">
function simulateKeyEvent(target, keyCode) {
if (!target) {
alert("Target is not exist");
}
var customEvent = null;
var a = typeof document.createEvent;
if (typeof document.createEvent == "function") {
try { //firefox
customEvent = document.createEvent("KeyEvents");
customEvent.initKeyEvent("keypress", true, true, window, false, false, false, false, keyCode, keyCode);
} catch(ex) {
document.write("Shit happends. This example is only demonstrating event simulation in firefox and IE.");
}
target.dispatchEvent(customEvent);
} else if (document.createEventObject) { //IE
customEvent = document.createEventObject();
customEvent.bubbles = true;
customEvent.cancelable = true;
customEvent.view = window;
customEvent.ctrlKey = false;
customEvent.altKey = false;
customEvent.shiftKey = false;
customEvent.metaKey = false;
customEvent.keyCode = keyCode;
target.fireEvent("onkeypress", customEvent);
} else {
document.write("This example is only demonstrating event simulation in firefox and IE.");
}
}
</script>
</head>
<body>
<input id="testinput" type="button" value="kick you"/>
</body>
<script type="text/javascript">
var target = document.getElementById("testinput");
target.onkeypress = function(event) {
var event = (event) ? event: window.event;
if (event.keyCode == 27) {
alert('"ESC" pressed');
}
};
simulateKeyEvent(target, 27);
</script>
</html>
------解决方案--------------------
通过设置一个全局标记变量，再配合后台处理一下就很容易解决了。
你的请求发出后，要等待服务器的处理和返回，在返回的时候才设置显示。你要取消的时机就在于返回之前。
每个按钮的点击事件都是同一个方法，参数不同。则在该方法里把参数赋给一个变量（假设名为“当前值”），它代表了当前所按的按钮。在发起AJAX请求时，将这个参数随同传递给后台。后台在处理完之后，将结果和这个参数一同返回，形式可以用“参数值|结果”这类的（根据你的情况自己决定）。
这样返回来的结果里就带了你上次请求时是哪个按钮发出去的信息了。在要设置显示的时候，把结果里的“参数值”取出来，跟变量“当前值”比较一下看是否相等，不等就不设置。
这样的话，你按了A，不按B的情况下，参数A和当前值A相等，正常设置显示。
如果按了A发出请求后，又按了B，则此时当前值变成B，而当A请求返回后发现参数A和当前值B不等，就不设置，等B请求返回后，相等，设置。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
