教你如何终止JQUERY的$.AJAX请求

最近遇到，如果用户频繁点击ajax请求，有两个问题：

1，如果连续点击了5个ajax请求，前4个其实是无效的，趁早结束节省资源。

2，更严重的问题是：最后一个发送的请求，响应未必是最后一个，有可能造成混乱。还需要一个队列来维护发送的请求和响应。

我其实已经设计好了该队列的实现方式，后来发现jQuery直接通过abort方法，这样就不需要那么复杂的实现了，毕竟还有其他事情等着完成。

用jquery发送ajax请求的确是太方便了，$.get、$.post、$.ajax等等，但我们有时候需要中途中止ajax请求。

举个例子，用comet做聊天时，发送一个请求后，服务端通常过几十秒后才会刷新链接、返回数据。假设服务端是30秒刷新一次链接，如果我们在10秒时想要停止这个ajax请求，怎么办呢？

先上代码，后面再解释

var ajaxGet = $.get(“comet_server.php”,{id:1},function(data){
….//一些操作
});
ajaxGet.abort();

上面这段代码其于两个知识点：

1. $.get返回的数据类型是XMLHttpRequest，请参考手册。（$.post、$.ajax、$.getJSON、$.getScript也同样）

2. XMLHttpRequest对象有abort()方法

注意：abort()后，ajax请求立即停止，但还是会执行后面的function()。如果想避免执行其中的操作，可以在function()开始位置加判断

var ajaxGet = $.get(“comet_server.php”,{id:1},function(data){
if(data.length == 0) return true;
….//一些操作
});
ajaxGet.abort();

终止ajax请求：

var request = $.get(“ajax.aspx”,{id:1},function(data){
  //do something
});
//终止请求动作.
request.abort();

防止重复请求：

var request;
if(request != null)
  request.abort();
request = $.get(“ajax.aspx”,{id:1},function(){
  //do something
});
ajax & setTimeout实现 secondTry 在等待一秒之后将firstTry的ajax终止：
var firstTry = $.ajax(
 //do something
 );
var secondTry = setTimeout(function(){alert(‘ok');firstTry.abort()},1000);

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
ECharts地图主要用于地理区域数据的可视化，展示不同区域的数据分布信息。ECharts官网提供了中国地图、世界地图等地图数据下载，通过js引入或异步加

jQuery实现返回顶部功能
代码很简单，这里就不多废话了，小伙伴们看代码吧。HTML：!--GotoTop--divid="Fixed"aid="goTop"class="fl"title="去顶部"href="javascript:;"去顶部/a/div!--GotoTopend--CSS：.fl

JQUERY表单暂存功能插件分享
jquery.formLocalStorage是一个实现通用表单暂存功能的jquery插件原理：监控表单域变化，并使用HTML5WebStorage中的localStorage来存储这些有变化的表单域的值，并