日期:2014-05-16  浏览次数:20644 次

manageAjax实现请求队列管理

一,首先声明一个ajaxManager对象,如:

var ajaxManager = $.manageAjax({manageType: 'abortOld', maxReq: 0});

其中,manageType表示ajax管理类型,分别是:sync、abortOld、queue,maxReq表示最大请求时间,同时还有一个 参数blockSameRequest表示如果请求相同的情况下是否阻塞其它请求,如:blockSameRequest: true。基本上只需要掌握这三个参数的配置,就能实现功能强大的javascript自定义管理ajax请求和响应时间功能。

二,然后给声明对象增加一个需要的ajax请求或响应方法add(),其使用方法与$.ajax()一样。

jquery插件AjaxManager实例代码如下:

  1. <script src="jquery.js"></script>
  2. <script src="jquery.ajaxmanager.js"></script>
  1. <script>
  2. jQuery(document).ready(function(){
  3. $('#button').click(function(){
  4. getContent();
  5. });
  6. });
  7. function getContent(){
  8. var ajaxManager = $.manageAjax({manageType:'queue',maxReq:1,blockSameRequest:true});
  9. ajaxManager.add({
  10. success: function(html) {
  11. $('ul').append('<li>'+html+'</li>');
  12. },
  13. url: 'test.html'
  14. });
  15. }
  16. </script>
  1. <div id="content">
  2. <ul></ul>
  3. </div>
  4. <input type="button" value="ajax获取" id="button"/>

?

test.html页面内容

  1. <p>biuuu.com</p>

?

实例请求一个静态页面test.html的内容,每单击一次请求一次,功能简单,实现javascript自定义ajax请求和响应时间功能。

?