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

这可以通过promises以同步方式完成：

$.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
}

在ajax中使用两个URL

3 个答案: