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实例代码如下:
- <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请求和响应时间功能。
?