jQueryAjax请求状态管理器打包_jquery

来源：筏尚旅游网

然而，无论有多么接近，通过客户端与服务端的一来一回，必定会有等待加载数据的时间。所以，大多数网站都通过一个Gif动态图标或‘Loading...'等字样来告知用户数据还在加载中。但有时候这个问题会非常繁琐和麻烦，要么将这个‘Loading'显示在ajax请求之前，然后在ajax成功后隐藏它，或者将它写在jquery的ajax的全局事件jQuery.ajaxStart()和jQuery.ajaxStop()中来控制整个页面的ajax状态。前者方法使用起来太琐碎，每个请求都要写一遍这个‘Loading'，而且无论请求成功或失败都需要隐藏它。后者是全局的，也就是整个页面的请求状态，有时候无法满足在局部显示加载状态的要求。

为了解决这些问题，我开发了jQuery的插件，名为：Ajax请求状态管理器。使用这个插件可以让loading不再那么麻烦了。你可以在触发ajax请求前，用该插件事先添加写好所有请求，你要做的只是在用户交互的事件中执行下.request()方法。你可以将一个页面上所有请求设置为显示loading，也可以设置为全局显示（只显示一个loading）。下面是插件的具体使用方法：

自定义loading的css样式：
.state-loading { background: #fff url(images/icon-ajax-loader.gif) ... }

引用jquery最新版本文件：
输出错误信息，会把该信息一并认为是错误的，所以如果有必要的话，需要你自行过滤。

示例
代码如下:
// 输出错误日志
$( 'body' ).bind( 'ajaxError', function( event, xhr, setting, thrownError ) {
// 过滤掉 abort 的错误信息
if ( xhr.status === 0 || xhr.readyState === 0 || xhr.statusText === 'abort' ) {
return;
}
$( '#log' ).append( '

' + thrownError + '

' );
});

该插件简单易用，代码逻辑也不是很复杂，但本人能力和技术水平有限，如遇到使用问题或任何bug请通过邮件方式告诉我：nicolas-zhao@hotmail.com。谢谢捧场！

打包下载：Ajax请求状态管理器。