javascript - 使用不同的 div 在一个 onclick 中进行两个 ajax 调用

Question

我遇到了使第二个 ajax 调用工作的问题。这是我的代码:

function putThis(control){
var getid = control.innerText;
var first = $("#from[name=from]").val();
var second = $("#to[name=to]").val();

$.ajax({
    type:'POST',
    url: 'testtable.php',
    data: {id: getid,from: first,to: second},
    cache: false,
    global: false,
    success:function(data)
    {
    $("#result").empty();
    $("#result").append(data);
    //alert("Success: " + getid + " " + first + " to " + second);
    }
});
$.ajax({
    type: 'POST',
    url: 'subtable.php',
    data:{uid: getid,start: first,end: second},
    cache: false,
    global: false,
    success : function(data)
    {
        $("#subtable").empty();
        $("#subtable").append(data);
    }
});
}

它们也有不同的 url 和不同的返回值 div。提前致谢。

Answer 1

尝试这样的事情

$.when( 
   $.ajax({
    url: 'testtable.php',
    type: 'post',
    data: {id: getid,from: first,to: second}
   }),

   $.ajax({
      url: 'subtable.php',
      type: 'post',
      data: {uid: getid,start: first,end: second}
   })
 ).done(function( data1, data2) {
  // data1 and data2 are arguments resolved for the testtable.php and subtable.php' ajax requests, respectively.
  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]

   $("#result").empty();
   $("#result").append(data1);

    $("#subtable").empty();
    $("#subtable").append(data2);
});

只需浏览此链接 https://api.jquery.com/jquery.when/