manageAjax实现请求队列管理

yangxianjiangg

<div class="cnt">一，首先声明一个ajaxManager对象，如：
var ajaxManager = $.manageAjax({manageType: 'abortOld', maxReq: 0});
其中，manageType表示ajax管理类型，分别是：sync、abortOld、queue，maxReq表示最大请求时间，同时还有一个 参数blockSameRequest表示如果请求相同的情况下是否阻塞其它请求，如：blockSameRequest: true。基本上只需要掌握这三个参数的配置，就能实现功能强大的javascript自定义管理ajax请求和响应时间功能。
二，然后给声明对象增加一个需要的ajax请求或响应方法add()，其使用方法与$.ajax()一样。
jquery插件AjaxManager实例代码如下：

• <script src="jquery.js"></script>
  
• <script src="jquery.ajaxmanager.js"></script>
  

• <script>
  
• jQuery(document).ready(function(){
  
• $('#button').click(function(){
  
• getContent();
  
• });
  
• });
  
• function getContent(){
  
• var ajaxManager = $.manageAjax({manageType:'queue',maxReq:1,blockSameRequest:true});
  
• ajaxManager.add({
  
• success: function(html) {
  
• $('ul').append('<li>'+html+'</li>');
  
• },
  
• url: 'test.html'
  
• });
  
• }
  
• </script>
  

• <div id="content">
  
• <ul></ul>
  
• </div>
  
• <input type="button" value="ajax获取" id="button"/>
  

 
test.html页面内容

• <p>biuuu.com</p>
  

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