Est-il possible de définir async:false $.getJSON appel

Est-il possible de async: false lors de l'appel de $.getJSON() de sorte que l'appel des blocs plutôt que d'être asynchrone?

  • Il suffit de mettre votre code dans la fonction de rappel.... Il y a une raison de ce qui est obsolète - c'est une mauvaise idée
  • Très étrange... Officiellement, il est déconseillé; en réalité, il ne l'est pas. Si c'était vraiment obsolète, la possibilité de faire un sync appel AJAX ou un $ajax.commutateur d'installation aurait été abandonné dans jQuery 3. Comme une question de fait, une synchronisation appel est parfois très utile, par exemple lors de l'initialisation des variables globales avec les données JSON, lorsque vous avez d'autres globals qui s'appuient sur le premier lot. (Emballage de l'ensemble du processus d'initialisation de la fonction de rappel pourrait être très difficile dans certaines circonstances.)
  • Je pense que Synchrone demandes XHR ou de Restructuration de code serait répondre à cette affaire.
InformationsquelleAutor ACP | 2010-05-04
  1. 152

    Vous avez besoin de faire l'appel à l'aide $.ajax() de manière synchrone, comme ceci:

    $.ajax({
  url: myUrl,
  dataType: 'json',
  async: false,
  data: myData,
  success: function(data) {
    //stuff
    //...
  }
});

    Cela correspond actuellement à l'aide de $.getJSON() comme ceci:

    $.getJSON(myUrl, myData, function(data) { 
  //stuff
  //...
});
    • J'ai trouvé la méthode de convenance $.getJSON() presque jamais être utile, et finissent toujours par à l'aide de $.ajax().
    • puis-je utiliser ce POST appeler ainsi?
    • oui, vous devez ajouter un type: 'POST' option permettant ainsi de le transformer en un post si vous ne souhaitez pas utiliser async: false à moins que vous vraiment faut - il va de verrouillage de l'INTERFACE utilisateur.
    • Qu'est-ce que le "myData' est supposé être dans ce cas? Quand je supprime des données: myData complètement il fonctionne.. Assez nouvelle pour les appels ajax!
    • Juste tombé sur le nouveau problème: "Synchrone XMLHttpRequest en dehors de travailleurs est en train d'être retiré de la plate-forme web car il a des effets néfastes de l'expérience de l'utilisateur final. (C'est un long processus qui prend plusieurs années.) Les développeurs ne doivent pas passer à false pour l'asynchrone en argument lors de l'entrée des paramètres de l'objet global de l'objet est un objet de la Fenêtre. Les agents utilisateurs sont vivement encouragés à mettre en garde contre une telle utilisation dans les outils de développement et peut expérimenter en jetant un InvalidAccessError exception quand il se produit."
    • Ajax asynchrone par défaut la valeur est "True", Alors getJSON async valeur est "True". si vous souhaitez utiliser votre appel ajax dans "la Promesse de Mode", vous devez utiliser ajax pas getJSON et set asynchrone à false.

    InformationsquelleAutor Nick Craver
  2. 44

    Les deux réponses sont fausses.
    Vous pouvez. Vous devez appeler 

    $.ajaxSetup({
async: false
});

    avant votre json appel ajax. Et vous pouvez le définir à true après appel retuns ( si il y a d'autres usages de l'ajax sur la page si vous le souhaitez async )

    • Pouvez-vous svp m'indiquer la partie où il dit le contraire?
    • Je viens de relire la partie de docs. Ici est la partie qui parle de la ajaxSetup: api.jquery.com/jQuery.ajaxSetup Et voici les options: api.jquery.com/jQuery.ajax Il est clairement dit: "asynchrone par Défaut: true Par défaut, toutes les demandes sont envoyées de manière asynchrone (c'est à true par défaut). Si vous avez besoin des requêtes synchrones, définissez cette option à false. Les demandes inter-domaine et le type de données: "jsonp" les demandes ne prennent pas en charge le fonctionnement synchrone. "JSONP est pas JSON, donc je pense toujours que je suis depuis le début. Je vais écrire exemple plus tard, quand je reçois un certain temps.
    • C'est une fin de commentaire, mais... qui sont les "deux" les réponses qui sont mauvais? Je vois la réponse de @Nick Craver d'être à la fois acceptable et ne pas "gâcher" avec le mondial de l'AJAX paramètres (si d'autres demandes de tir en même temps)
    • Cela fonctionne, mais cela ne s'appliquerait qu'à toutes les requêtes ajax que vous faites dans la page. Donc je vais downvote que je ne le recommanderais pas
    • C'est une très faible qualité de la réponse
    • -1: Rendre les choses synchrone peut être coûteux. Vous devez très certainement être faites par appel, à moins que votre projet nécessite absolument à chaque fois. Votre réponse suggère que vous configurer globalement tous les appels à $.ajax (et à l'abréviation des wrappers ie $.getJSON, $.get, etc.) pour être synchrone. En outre, le documentation suggère même de ne pas utiliser cette: "Description: Définir des valeurs par défaut pour les futures requêtes Ajax. Son utilisation n'est pas recommandée."
    • Je seconde que c'est une très mauvaise idée...

    InformationsquelleAutor velja
  3. 17

    Je pense que vous avez tous les deux ont raison. La réponse plus tard fonctionne très bien mais comme son réglage d'une option de sorte que vous avez à faire ce qui suit:

        $.ajaxSetup({
        async: false
    });

    //ajax call here

    $.ajaxSetup({
        async: true
    });
    InformationsquelleAutor webdev
  4. 7

    Dans mon cas, Jay D est la droite. Je dois ajouter ceci avant l'appel.

    $.ajaxSetup({
async: false
});

    Dans mon code précédent, j'ai ceci:

    var jsonData= (function() {
    var result;
    $.ajax({
        type:'GET',
        url:'data.txt',
        dataType:'json',
        async:false,
        success:function(data){
            result = data;
        }
    });
    return result;
})();
alert(JSON.stringify(jsonData));

    Il fonctionne à trouver. Puis-je changer pour

    var jsonData= (function() {
    var result;
    $.getJSON('data.txt', {}, function(data){
      result = data;
    });
    return result;
})();
alert(JSON.stringify(jsonData));

    L'alerte n'est pas défini.

    Si j'ajoute ces trois lignes, l'alerte montre à nouveau les données.

    $.ajaxSetup({
    async: false
});
var jsonData= (function() {
    var result;
    $.getJSON('data.txt', {}, function(data){
      result = data;
    });
    return result;
})();
alert(JSON.stringify(jsonData));
    InformationsquelleAutor ronrun
  5. 0

    Je ne pense pas que vous pouvez définir cette option là. Vous devrez utiliser jQuery.ajax() avec les paramètres appropriés (essentiellement getJSON juste enveloppe appeler dans un plus facile de l'API, ainsi).

    InformationsquelleAutor Daff
  6. 0

    Rouler votre propre par exemple

    function syncJSON(i_url, callback) {
  $.ajax({
    type: "POST",
    async: false,
    url: i_url,
    contentType: "application/json",
    dataType: "json",
    success: function (msg) { callback(msg) },
    error: function (msg) { alert('error : ' + msg.d); }
  });
}

syncJSON("/pathToYourResouce", function (msg) {
   console.log(msg);
})
    InformationsquelleAutor Stonedecroze
  7. 0

    Si vous avez juste besoin de await pour éviter de nidification code:

    let json;
await new Promise(done => $.getJSON('https://***', async function (data) {
    json = data;
    done();
}));
    InformationsquelleAutor k06a