De quelles méthodes jQuery dispose-t-il pour terminer les requêtes ajax ?-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-04-25 14:16:46

original

1668 Les gens l'ont consulté

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>

Copier après la connexion

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!