應用場景描述：

我現在要做文章列表的批量生成，使用AJAX將生成的進度情況展示給用戶。首先要生成文章列表頁，然后在生文章內容詳細頁。

假如有10頁每頁10條記錄，就會10個文章列表頁 + 總錄數（100條記錄） ＝ 110個頁面，也就是說這次要生成110個靜態頁面。

為了使用頁面生成展示給用戶的界面更生動，讓用戶了解系統就在生成哪個頁，及完成情況，我使用了jquery 的queue 及dequeue方法

下面是有問題的代碼：（這些代碼僅生列表，不包括生詳細內容部分）

$.ajaxjsonext('run.ashx', 'action=articlepagecount&navbarid=' + navid, function (msg) { $('#w').data("pagecount", msg); //存放總頁數var _fun = []; //空的數組，此處保存將要按序執行的AJAX請求代碼BuildArticleListFunction(_fun,navid); //將要執行的AJAX請求封裝成函數存入數組中。navid 為欄目ID$('#detail').append('準備數據完成。<br>');$('#detail').append('文章列表共 ' + $('#w').data("pagecount")+ ' <br>');$(document).queue('ajax_article', _fun); //var _takeOne = function () {$(document).dequeue('ajax_article');}; _takeOne(); //執行隊列中的AJAX請求函數 });function BuildArticleListFunction(arrfun,navid) {pagecount = $('#w').data("pagecount");for(var i=1;i<=pagecount;i++){arrfun.push(function () {//文章列表$.ajaxjsonext('run.ashx', 'action=articlelist&navbarid=' + navid + '&pageindex=' + (i), function (state) {if (state.success) {$('#detail').append(state.fn + ' 創建成功。<br />');$('#fn').text('狀態：' + state.fn + ' 創建成功。');var w = (n * 100 / pagecount.length) + '%';alert(w);$('.statusbar').width(w).children('span').text(w);}$(document).dequeue('ajax_article');});});}); } 這段代碼看起來似乎沒有什么問題，但生成的只有最后一頁，總之就是不能生成所有列表頁 ，問題出在上述代碼中的 i，
每一次循環添加push到數組中i是一樣的值，盡管請求的次數一樣，但同時請求的參數也一樣，這就造成了上述的情況。

解決問題的方法：
后臺處理生總頁數的時候不直接返回數字，返回一個數組。如下代碼：

public string getpagecount() {
　　int i=10; //此處可以通過數據獲取總記錄數，在根據每頁記錄數計算得出總頁數。
　　StringBuilder sb = new StringBuilder();sb.Append("[");int j = 1;while (j<=i){sb.Append(j.ToString() + ",");j++;}sb.Remove(sb.Length - 1, 1).Append(']');return sb.ToString(); }
這樣js代碼就得改了
function BuildStart(modeltype,navid) {$.getJSON('run.ashx', 'action=articlepagecount&navbarid=' + navid, function (msg) { $('#w').data("pagecount", msg);var _fun = [];BuildArticleListFunction(_fun,navid);alert(_fun.length);$('#detail').append('準備數據完成。<br>');$('#detail').append('文章列表共 ' + $('#w').data("pagecount").length + ' <br>');$(document).queue('ajax_article', _fun);var _takeOne = function () {$(document).dequeue('ajax_article');};_takeOne();});}function BuildArticleListFunction(arrfun,navid) {pagecount = $('#w').data("pagecount");$.each(pagecount, function (i, n) {arrfun.push(function () {//文章列表$.getJSON('run.ashx', 'action=articlelist&navbarid=' + navid + '&pageindex=' + (n), function (state) {if (state.success) {$('#detail').append(state.fn + ' 創建成功。<br />');$('#fn').text('狀態：' + state.fn + ' 創建成功。');var w = (n * 100 / pagecount.length) + '%';alert(w);$('.statusbar').width(w).children('span').text(w);}$(document).dequeue('ajax_article');});});}); }
問題解決了，但始終想不明白為什么，這到底是怎么回子事呀。頭大了。。 盼高手解惑!!!!!

轉載于:https://www.cnblogs.com/hxling/archive/2011/04/27/2031149.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的使用jQuery queue(队列) 遇到的问题及解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。