.ajax() “GET” dans un .ajax() “GET” , appel ajax montre maintenant correctement

J'ai deux appels ajax, mais pour une raison quelconque l'un de l'ajax ne fonctionne pas comme prévu.

un appel ajax est l'obtention de données à partir d'un site ajax1.php, et puis un autre ajax est l'obtention de données de ajax2.php et ses supposés de modifier certaines données dans ajax1.php.

J'ai donc index.php et l'ajax va quelque chose comme ceci

C'est 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>

Le problème est que #change_data ne s'affiche pas correctement. Il montre ce que son supposé, pour une seconde, puis disparaît. Pas sûr que le problème est. J'ai essayé de mettre un delay : $("#change_data").delay.(1000).html(data_changed); comme ça, mais ne fonctionne pas. J'ai essayé de mettre l'ensemble de l'ajax fonction à l'intérieur de la première .done() fonction ajax, mais qui ne fonctionne pas.

Il se peut que lors de la première ajax charges, le second ajax tente de charger plus rapidement que la première ajax. La première ajax a beaucoup plus d'informations de sorte qu'il peut avoir besoin de charger un peu plus longtemps?

Des idées? Grâce Peut-être il ya une autre façon de mettre le second ajax au sein de la première, sur le succès, il va appeler le second ajax?

OriginalL'auteur hellomello | 2012-04-28

  1. 8

    Peut-être il ya une autre façon de mettre le second ajax au sein de la première, sur le succès, il va appeler le second ajax?

    Oui, il y a:

    $.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);
    });
});
    +1, Vous avez raison.
    On dirait que je ne suis pas! 🙁 Je viens de voir ce commentaire sur son code: <!-- This div is supposed to be in ajax1.php so it only appears after the first ajax is done.!-->
    ouais #change_data est dans ajax1.php et je veux changer de données là-bas
    voir ma réponse mis à jour

    OriginalL'auteur bfavaretto

  2. 3

    $.appel ajax est asynchrone, le premier appel n'est pas garanti d'être terminé au moment de la deuxième appel arrive. Vous devriez prendre le deuxième appel à l'intérieur de la fonction de rappel pour le premier appel, quelque chose comme:

    $.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);
    });
});
    ouais, j'ai pensé, mais je havn'pas eu l'expérience de savoir ce que je pouvais faire dans une telle façon? J'ai juste essayé de mettre l'ensemble de l'ajax fonction au sein de la première fonction ajax, mais le second ajax ne pas l'appeler? Est-il censé travailler, et j'ai probablement juste corriger quelques autres trucs?
    J'ai juste édité ma réponse - il est censé travailler, j'utilise un tel appel ajax en appel ajax dans certains endroits, dans mon propre code

    OriginalL'auteur Andrey