php - .ajax() "GET"在 .ajax() "GET"中，现在可以正确显示 ajax 调用

Question

我有两个 ajax 调用，但由于某种原因，其中一个 ajax 没有按计划工作。

一个 ajax 调用从站点 ajax1.php 获取数据，然后另一个 ajax 调用从 ajax2.php 获取数据，它应该更改 中的一些数据code>ajax1.php.

所以我有 index.php 并且 ajax 是这样的

这是index.php:

    $.ajax({
        type: "GET",
        data: "id="+id+"&id-other="+id-other,
        url: "ajax1.php"
    }).done(function(data){
        $("#div").html(data);

    });

    $.ajax({
        type: "GET",
        data: "id_1="+id+"&id_2="+id_2,
        url:"ajax/ajax2.php"
    }).done(function(data){
        $("#change_data").html(data);

    });

<div id="div">
<div id="change_data"><!-- This div is supposed to be in ajax1.php so it only appears after the first ajax is done.!--></div>
</div>

问题是#change_data 没有正确显示。它显示了它应该显示的内容一秒钟，然后消失了。不确定是什么问题。我尝试延迟:$("#change_data").delay.(1000).html(data_changed); 像这样，但不起作用。我尝试将整个 ajax 函数放在第一个 .done() ajax 函数中，但这不起作用。

这可能是因为当第一个 ajax 加载时，第二个 ajax 试图比第一个 ajax 加载得更快。第一个 ajax 有更多的信息，所以它可能需要加载更长的时间？

有什么想法吗？谢谢 也许还有另一种方法可以将第二个 ajax 放在第一个中，这样就成功了，它会调用第二个 ajax？

Answer 1

Maybe there's another way to put the second ajax within the first so on success, it'll call the second ajax?

是的，有:

$.ajax({
    type: "GET",
    data: "id="+id+"&id-other="+id-other,
    url: "ajax1.php"
}).done(function(data){
    $("#div").html(data);
    $.ajax({
        type: "GET",
        data: "id_1="+id+"&id_2="+id_2,
        url:"ajax/ajax2.php"
    }).done(function(data){
        $("#change_data").html(data);
    });
});