Maison >interface Web >js tutoriel >De quelles méthodes jQuery dispose-t-il pour terminer les requêtes ajax ?

De quelles méthodes jQuery dispose-t-il pour terminer les requêtes ajax ?

php中世界最好的语言original: 2018-04-25 14:16:461694parcourir

Cette fois, je vais vous présenter jQuery façons de mettre fin aux requêtes ajax, et quelles sont les précautions pour que jQuery termine les requêtes ajax. Ce qui suit est un cas pratique, prenons un. regarder.

Le code clé pour jQuery pour implémenter la superposition et l'arrêt ajax est le suivant :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>jQuery中终止Ajax请求</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
  <script>
    var arrayAJAX = new Array();
    $(function () {
      $("#btn").bind("click", function () {
        for (var i = 0; i < 100; i++) {
          starAJAX(i);
        }
      });
      $("#bt2").bind("click", function () {
        stopAJAX();
        alert("终止AJAX请求");
      });
    })
    //停止ajax
    function stopAJAX() {
      for (var i = 0; i < arrayAJAX.length; i++) {
        arrayAJAX[i].abort();
      }
      arrayAJAX = new Array();
    }
    //添加ajax
    function starAJAX(i) {
      var options = {
        url: '/Home/addallrecommandbook',
        data: "html=" + i,
        success: function (data, textStatus) {
          if (textStatus == 'success') {
            alert("添加成功！");
          }
          else {
          }
        },
        error: function (x, msg, err) {
        }
      };
      arrayAJAX.push($.ajax(options));
    }
  </script>
</head>
<body>
  <input type="button" id="btn" value="starAJAX" />
  <input type="button" id="bt2" value="stopAjax" />
</body>
</html>

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 sujets connexes dans l'article du site Web chinois php !

Lecture recommandée :

Explication détaillée des étapes de traitement asp des données json

Explication détaillée de la méthode de directement afficher JSON en html

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

Article précédent：Méthode inter-domaines Jquery pour obtenir JsonArticle suivant：Méthode inter-domaines Jquery pour obtenir Json

Articles Liés

Voir plus