javascript - .ajax() 非同期関数内のローカル変数にアクセスする方法

Question

次のようなJavaScript関数があります。

function reloadToolbar() {
        var ids = ["#gs_foo"];
        var parmName = ["foo"];
        for (i = 0; i < ids.length; i++) {
               $.ajax({url:"myurl?parm="+parmName[i],success:function(result){
                 $(ids[i]).html(result);
               }});       
        }
}

ただし、上記のコードは機能しません。id は更新されませんgs_foo。以下のコードは問題なく動作しますが、変更点に注意してください ( $("#gs_foo).html(result))

function reloadToolbar() {
        var ids = ["#gs_foo"];
        var parmName = ["foo"];
        for (i = 0; i < ids.length; i++) {
               $.ajax({url:"myurl?parm="+parmName[i],success:function(result){
                 $("#gs_foo").html(result);
               }});       
        }
}

どうすればこれを正しい方法で行うことができますか?

Answer 1

解決策は、サーバーからの結果に別のフィールドを追加することです。

$.ajax({url:"myurl?parm="+parmName[i],success:
    function(result){
        var ids= $('.whatever');
        $(ids[result.index]).html(result.body);}
});