Работа с двумя URL-адресами в ajax

Question

Мне нужно получить значения из двух разных URL-адресов, а затем объединить их. Я знаю, что было бы намного лучше, если бы я получил все данные в одном 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

Вам просто нужно сделать второй вызов обработчика успеха первой:

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 
}