Maison  >  Article  >  interface Web  >  Comment utiliser les boucles dans jQuery

Comment utiliser les boucles dans jQuery

php中世界最好的语言
php中世界最好的语言original
2018-04-23 17:27:242813parcourir

Cette fois, je vais vous montrer comment utiliser les boucles dans jQuery et quelles sont les précautions pour utiliser les boucles dans jQuery. Voici des cas pratiques, jetons un oeil.

Lors de l'envoi d'une requête via AJAX, une autre requête AJAX a été imbriquée. Il a été constaté que la variable de boucle i lors du premier succès n'a pas pu être obtenue dans le succès de la requête interne.

$.ajax({
    type: "get",
    url: "//////////////////////////",
    success: function (result) {
      rs = JSON.parse(result).data;
      for (var i = 0; i < rs.length; i++) { //用var定义有问题
        var pos_ = ""
        $.ajax({
          type: 'GET',
          async: false,
          dataType: 'jsonp',
          contentType: 'application/json; charset=utf-8',
          url: "///////////////////////////////////",
          success: function (result) {
            console.log(rs[i]) //报错
          }
        })
      }
    }
  })

Dans la fonction de rappel après la deuxième requête ajax, rs[i] signalera une erreur.

  Solution :

Changer la variable var que j'ai déclarée dans la boucle for pour laisser i

Raison spécifique :

Il est dans la boucle for après la première fonction de rappel. Si vous renvoyez une requête, la boucle for ne s'arrêtera pas, même si vous écrivez une requête synchrone.

Mais si vous utilisez let après avoir déclaré la variable de boucle for, le code ne passera pas à la boucle suivante tant que votre requête n'est pas terminée et que la fonction de rappel n'est pas exécutée.

Cela prend en compte un problème de fermeture, si vous écrivez des déclarations var et let dans des portées différentes.

Soit i sera passé comme variable locale

var i sera passé comme variable globale

Si vous souhaitez passer la variable i à la couche suivante, utilisez laissez déclarer.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Quelles sont les méthodes d'ajout d'éléments dans jquery

asp.net+jquery.form à créer des images Fonction de téléchargement asynchrone

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn