jQuery Ajax調用循環丟失本地變量引用

Question

我在一個循環內做了幾個jQuery ajax調用。每次有一個ajax調用返回時，我需要引用一個對應於原始ajax調用的值。我目前的代碼無法正常工作，因爲lskey變量的值已被進一步的循環迭代所改變。

下面是代碼：

for (var i = 0, len = localStorage.length; i < len; i++) { 
     var lskey = localStorage.key(i); 
     if (lskey.substr(0, 4) === 'form') { 
      var postdata = localStorage.getItem(lskey); // Get the form data 
      $.ajax({ 
       type: "POST", 
       async: "false", 
       url: "/Profile/PostForm", 
       data: postdata, 
       success: function (data) { 
        $('#rollinginfo').append('<br>' + data + ',key=' + lskey); 
        localStorage.removeItem(lskey); // Remove the relevant localStorage entry 
       } 
      , error: function (data) { $('#rollinginfo').append('<br />ERR:' + data); } 
      }); 


     } 
    } 

的問題是，lskey是每執行一次循環被改變，因此，成功回調不必說當時存在lskey值的參考的通話。

如何爲每個成功回調引用lskey的正確值？

Answer 1

for (var i = 0, len = localStorage.length; i < len; i++) { 
    var lskey = localStorage.key(i); 
    if (lskey.substr(0, 4) === 'form') { 
     var postdata = localStorage.getItem(lskey); // Get the form data 
     $.ajax({ 
      type: "POST", 
      async: "false", 
      url: "/Profile/PostForm", 
      data: postdata, 
      local_lskey: lskey 
      success: function (data) { 
       $('#rollinginfo').append('<br>' + data + ',key=' + lskey); 
       localStorage.removeItem(this.local_lskey); // Remove the relevant localStorage entry 
      } 
     , error: function (data) { $('#rollinginfo').append('<br />ERR:' + data); } 
     }); 
    } 
} 

這應該有效。

Answer 2

您是否考慮鏈接AJAX調用？基本上你可以做一個AJAX調用，處理結果，修改lskey等。然後當你準備好時，增加i併發出第二個AJAX調用。循環這種方式，而不是使用for循環...

Answer 3

最後，我將密鑰信息添加到服務器發佈，然後從服務器以JSON格式返回它，以便成功函數然後可以簡單地引用密鑰包含在服務器響應中。

Answer 4

你可以把你的Ajax調用到它自己的功能和傳遞lskey和postData值。這樣localStorage.removeItem(lskey)將參照lskey變量函數的背景下，而不是在循環的情況下。

例

聲明函數 -

function postForm(postdata, lskey) { 
    $.ajax({ 
    type: "POST", 
    async: "false", 
    url: "/Profile/PostForm", 
    data: postdata, 
    success: function(data) { 
     $('#rollinginfo').append('<br>' + data + ',key=' + lskey); 
     localStorage.removeItem(lskey); // Remove the relevant localStorage entry 
    }, 
    error: function(data) { 
     $('#rollinginfo').append('<br />ERR:' + data); 
    } 
    }); 
} 

然後你可以從你的循環中調用函數 -

for (var i = 0, len = localStorage.length; i < len; i++) { 
    var lskey = localStorage.key(i); 
    if (lskey.substr(0, 4) === 'form') { 
    var postdata = localStorage.getItem(lskey); // Get the form data 
    postForm(postdata, lskey); 
    } 
} 

你也可以只在循環之前聲明函數（分配給變量），然後在循環中調用它。

var postForm = function(postdata, lskey) { 
    $.ajax({ 
    type: "POST", 
    async: "false", 
    url: "/Profile/PostForm", 
    data: postdata, 
    success: function(data) { 
     $('#rollinginfo').append('<br>' + data + ',key=' + lskey); 
     localStorage.removeItem(lskey); // Remove the relevant localStorage entry 
    }, 
    error: function(data) { 
     $('#rollinginfo').append('<br />ERR:' + data); 
    } 
    }); 
} 
for (var i = 0, len = localStorage.length; i < len; i++) { 
    var lskey = localStorage.key(i); 
    if (lskey.substr(0, 4) === 'form') { 
    var postdata = localStorage.getItem(lskey); // Get the form data 
    postForm(postdata, lskey); 
    } 
}