0

関数内でアクセスできるように、関数内の「プライベート」変数に ajax によってロードされたデータを入力したいと考えています。私が現在持っているもの：

var foo = (function(){

    var ajaxData;

    var useAjaxData = function(data){

    };

})();

非同期呼び出しなので、これと同様のことをする必要があると思いますか? これに対するより良い解決策はありますか？

var foo = (function(){

    $.ajax({
       url: 'something',
       success: function(data){

           var ajaxData = data;

           var useAjaxData = function(data){

           };
      }
    });

})();
4

2 に答える 2

0

ajax は非同期であるため、ajax 要求がいつ完了するか (またはまったく完了するか)、したがって ajax コールバックがいつ起動されるかに依存できないことに注意してください。したがって、これは決して依存することはできません：

var ajaxData;
$.ajax().done(function (data) { ajaxData = data; });
useAjaxData(ajaxData);

つまり、ajax データに依存するすべてのコードは、ajax コールバックで実行する必要があります。

それをよりきれいにすることができるかどうかについてのあなたの特定の質問に関しては、それは本当に意見の問題ですが、使用する代わりにsuccess:Deferred メソッドを使用することを好むかもしれません。

var jqxhr = $.ajax();
/* millions of lines of code */
jqxhr.done(function (data) {
    // work with the ajax data
});
于 2013-03-28T23:03:49.397 に答える
-1

データ変数を一番上のクロージャに入れるだけです:

var foo = (function() {
  var ajaxData; // accessible in the anonymous function and any nested function

  function useAjaxData() {
    // `ajaxData` is accessible from here, 
    // but will be undefined until the server response has been handled
    doSomethingWith(ajaxData);
  }

  $.ajax({
    // ...
    success: function(data) {
      // note: no `var` here, the outer `ajaxData` variable will be used
      ajaxData = data; 
    }
  });
}());

これは、成功ハンドラーのスコープ内でajaxData変数が (で) 宣言されていないためです。varしたがって、周囲のスコープで検索 (および設定) されます。まったく宣言されていない場合にのみ、暗黙的なグローバル変数が作成されます。

于 2013-03-28T23:00:07.103 に答える