Welche Methoden verfügt jQuery, um Ajax-Anfragen zu beenden?-js-Tutorial-php.cn

Welche Methoden verfügt jQuery, um Ajax-Anfragen zu beenden?

php中世界最好的语言

Freigeben： 2018-04-25 14:16:46

Original

1677 Leute haben es durchsucht

Dieses Mal werde ich Ihnen jQuery Möglichkeiten zum Beenden von Ajax-Anfragen vorstellen und welche Vorsichtsmaßnahmen für jQuery zum Beenden von Ajax-Anfragen gelten. Das Folgende ist ein praktischer Fall, nehmen wir einen sehen.

Der Schlüsselcode für jQuery zum Implementieren von Ajax-Overlay und Stopp lautet wie folgt:

<!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>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Für weitere spannende Informationen zahlen Sie bitte Beachten Sie auch andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte der ASP-Verarbeitung von JSON-Daten

Detaillierte Erläuterung der Methode der direkten JSON in HTML anzeigen

Das obige ist der detaillierte Inhalt vonWelche Methoden verfügt jQuery, um Ajax-Anfragen zu beenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!