ajax呼び出しは外部JSファイルからデータを返しません

Question

JavaScriptでリポジトリパターンを実装しようとしています。私はViewModel私はそれをInitializeメソッドを呼び出すときに、データで初期化したいと思います。すべて私のAJAX呼び出しからデータを返すことができないことを除いて、場所に落ちているようです。データがajax呼び出しから戻ってきているのがわかりますが、SomeViewModelのdone関数でデータをキャプチャしようとするとnullになります。

誰かが私がここで間違っているところを指摘してくれますか？

P.S：非同期呼び出しを行っていないので、コールチェーンが正しく維持されていることに注意してください。

これは私のリポジトリがどのように見えるかです：

function SomeRepository(){ 
    this.LoadSomeData = function loadData() 
    { 
     $.ajax({ 
      type: "POST", 
      url: "someUrl", 
      cache: true, 
      async: false, 
      contentType: "application/json; charset=utf-8", 
      data: "{}", 
      dataType: "json", 
      //success: handleHtml, 
      success: function(data) { 
       alert('data received'); 
       return data; 
      }, 

      error: ajaxFailed 
     }); 



     function ajaxFailed(xmlRequest) { 
       alert(xmlRequest.status + ' \n\r ' + 
       xmlRequest.statusText + '\n\r' + 
       xmlRequest.responseText); 
     } 

    } 




}; 

これは私のViewModelがどのように見えるかです：

function SomeViewModel(repository){ 
    var self = this; 
    var def = $.Deferred(); 

    this.initialize = function() { 
    var def = $.Deferred(); 
    $.when(repository.LoadSomeData()) 
    .done(function (data) { 
     def.resolve(); 
    }); 
    return def; 
    }; 

} 

これは私がaspxページから呼び出しています方法です：

var viewModel = new SomeViewModel(new SomeRepository()); 
viewModel.initialize().done(alert('viewmodel initialized')); 
alert(viewModel.someProperty); 

Answer 1

ajax呼び出しが関数内にある場合（ajaxがasync = falseの場合のみ動作します）、ajax結果を返す関数が必要です。これが最善の解決策であるかどうかはわかりません。

function ajaxFunction(){ 
    var result=''; 
    $.ajax({ 
     type: "POST", 
     url: "someUrl", 
     cache: true, 
     async: false, 
     contentType: "application/json; charset=utf-8", 
     data: "{}", 
     dataType: "json", 
     //success: handleHtml, 
     success: function(data) { 
      alert('data received'); 
      result=data; 
     }, 

     error: ajaxFailed 
    }); 
    return result; 
} 

Answer 2

同期していても問題ありません（実際はそうではありません）。 ajaxコールバックの中から値を返すと、ではなく、が含まれている関数から値が返されます。

とにかく非同期のajaxを使用するのが一般的ですが、ajaxリクエストの完了時にクライアントがハンドラを渡すことを可能にするAPIを作成する必要があります。これを行うには、 "LoadSomeData"関数にパラメータを与えます。呼び出し元は関数を渡し、あなたのajaxの "成功"ハンドラはそのコールバックに対して結果（または何らかの結果の変換;あなたがやっていることに依存します）を渡します。これは、ajax呼び出し自体で使用されるコールバックと同じ考えです。