ジャバスクリプト/ jQueryの変数の問題（多分問題をキャッシュ）jQueryを使って

Question

標準AJAXクエリ：

var globalTitle = ""; 
var pages = ["a", "b", "c"]; 

for (var i = 0; i < pages.length; i++) { 
    createpage(pages[i]); 
} 

function createpage(title) { 
    globalTitle=title; 
    console.log (globalTitle); //All looks good here 

    $.ajax({ 
     url: "createpage.php?id=" + title, 
     context: document.body, 
     success: success 
    }); 
} 

成功（）関数は、私はそれがグローバルに宣言しなければならなかった理由ですglobaltitleを使用しています。

console.log（globalTitle）のsuccess（）関数では、常に私に "a"を与えます。それは変数が割り当てられているようですが、success（）が呼び出されるたびにキャッシュされます。

FF4とChrome 8で発生しますか？

編集：私はこのような何かを（var xhr =とxhr.cpTitleビットは、この作業の鍵となる）だろう

function success(text) { 
    console.log (globalTitle); // always "a" 

    var div1 = "<div id=\"" + globalTitle + "\">"; 
    var text = "<a href=\"javascript:createpage('" + globalTitle + "')\">Retry</a> " + +text; 
    var div2 = "</div>"; 

    if ($("#" + globalTitle).length) { 
     $("#" + globalTitle).html(text); 
    } else { 
     $("#ajax").append(div1+text+div2); 
    } 
} 

Answer 1

：ここで成功（）関数があります。

function createpage(title) { 

    console.log(title); 

    var xhr = $.ajax({ 
     method: "post", 
     url: "createpage.php", 
     data: { 
      id: title 
     }, 
     context: document.body, 
     success: success 
    }); 

    xhr.cpTitle = title; 

} 

function success(data, status, xhr) { 
    console.log(xhr.cpTitle); 
} 

それとも、これは（success()が内側であることに注意してください：​​は（任意の応答が受信されたすべての前の）ページがリクエストされるたびに上書きされるので、それは常に最後に要求されたものの価値を持つことになりますので、これは、ありますcreatepage()、クロージャを作成することによって、別の方法）でこの問題を回避：

function createpage(title) { 

    function success(data, status, xhr) { 
     console.log(title); 
    } 

    console.log(title); 

    $.ajax({ 
     method: "post", 
     url: "createpage.php", 
     data: { 
      id: title 
     }, 
     context: document.body, 
     success: success 
    }); 

} 

Answer 2

問題はのcreatePageが同期的に呼び出されていることですが、設定されますどのようなglobaltitle保証はありませんので、成功関数が非同期的に呼び出されます〜に鶏の成功は続く。スクリプト全体ではなく、globaltitleをcreatepageにグローバルにしてみてください。

function createpage(title) { 
    $.ajax({ 
     url: "createpage.php?id=" + title, 
     context: document.body, 
     success: function(data) { 
      console.log(title); 

      //you could call your success function here and pass it title 
      success(title); 
     } 
    }); 
}