ajaxで2つのURLを操作する

Question

2つの異なるURLから値を取得してからマージする必要があります。私は1つのURLにすべてのデータを取得する方がはるかに良いことを知っていますが、それは私が持っている方法であり、私はそれを扱う必要があります。

a_valueの値を印刷したいのですが、bが値を返していない間に印刷されています。関数を同期させる方法の記事を読んだが、コードに実装する方法がわからず、私の場合に最適な解決策が何か分からない。私はJavaScriptでかなり新しく、まだいくつかの助けと指導が必要です。

function any_function() { 
     $.ajax(
      { 
       url : '/url1', 
       type: "GET", 
       success:function(data, textStatus, jqXHR) 
       { 
        $("#print").html(a(data)); 
       } 
      }); 
     } 


    function a(data){ 

     x = 'any value' //`do something with data and insert to this variable` 
     a_value = x + b(`some id that extracted from data`) 

     return a_value 
    } 


    function b(id){ 
    $.ajax({ 
       url: '/url2', 
       type: 'GET', 
       success: function (data, textStatus, jqXHR) { 
        b_value = c(data, id) 
       } 
      }); 
    return b_value 
    } 


    function c(data, id){ 
     //do something with `data` and return the value 
     return c_value 
    } 

Answer 1

function f() { 
    var request1 = $.ajax({ 
     url : '/url1', 
     type: 'GET' 
    }); 
    var request2 = $.ajax({ 
     url: '/url2', 
     type: 'GET' 
    }); 
    $.when(request1, request2).done(function(result1, result2){ 
     data1 = result1[0] 
     data2 = result2[0] 
     // r1 and r2 are arrays [ data, statusText, jqXHR ] 
     // Do stuff here with data1 and data2 
     // If you want to return use a callback or a promise 
    }) 
} 

Answer 2

これは約束で、同期に見える形で行うことができます

$.get(url1) 
.then(function(data1){ 
    return $.get(url2) 
}) 
.then(function(data2){ 
    return $.get(url3); 
}) 
.then(function(data3){ 
    // All done 
}); 

Answer 3

あなただけの最初の1の成功ハンドラ内で2番目の呼び出しを行う必要があります。

function any_function() { 
    $.ajax({ 
      url : '/url1', 
      type: "GET", 
      success:function(data, textStatus, jqXHR) { 
       $("#print").html(a(data)); 
       b("someId"); 
      } 
    }); 
} 

function a(data){ 

    x = 'any value' //`do something with data and insert to this variable` 
    a_value = x + b(`some id that extracted from data`) 

    return a_value; 
} 

function b(id){ 
    $.ajax({ 
      url: '/url2', 
      type: 'GET', 
      success: function (data, textStatus, jqXHR) { 
       b_value = c(data, id); 
       return b_value; 
      } 
    }); 
} 


function c(data, id){ 
    //do something with `data` and return the value 
    return c_value 
}