Heim > Web-Frontend > js-Tutorial > So beenden Sie die von js und jQuery gesendete Ajax-Anfrage

So beenden Sie die von js und jQuery gesendete Ajax-Anfrage

亚连
Freigeben: 2018-05-24 14:12:43
Original
2251 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die Methoden von js und jQuery zum Beenden der gesendeten Ajax-Anfrage vorgestellt. Er analysiert die Implementierungstechniken und die damit verbundenen Vorsichtsmaßnahmen von jQuery und JavaScript, um die Ajax-Anfrage zu beenden es kann darauf verweisen.

Das Beispiel in diesem Artikel beschreibt, wie js und jQuery die gesendete Ajax-Anfrage beenden. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Kern: Rufen Sie die Abort-Methode für das XMLHttpRequest-Objekt auf

Die Ajax-Methode von jquery verfügt über eigene Timeout-Einstellungsparameter:


$.ajax({type:'POST',
  url:'b.php',
  data:'',
  timeout:5000,
  success:function(){
  }
})
Nach dem Login kopieren


Mittlerweile

1. Der von $.get zurückgegebene Datentyp ist XMLHttpRequest, siehe Handbuch. (Gleiches gilt für $.post, $.ajax, $.getJSON und $.getScript)

2. Das XMLHttpRequest-Objekt verfügt über die abort()-Methode

Sie können auch die aufrufen Methode manuell abbrechen:


<script src = "jquery-1.4.4.js"></script>
<script>
var xhr = $.ajax({type:&#39;POST&#39;,
  url:&#39;b.php&#39;,
  data:&#39;&#39;,
  success:function(){
    alert(&#39;ok&#39;);
  }
})
alert(xhr);
console.log(xhr);
</script>
<button id="song">abort</button>
<script>
$(function(){
  $("#song").click(function(){
    alert(&#39;click&#39;);
    xhr.abort();
  })
})
</script>
Nach dem Login kopieren


Für natives xhr:


xmlHttp.open("POST","theUrl",true);
xmlHttp.onreadystatechange=function(){
  ...//得到响应之后的操作
}
xmlHttp.send();
//设置8秒钟后检查xmlHttp对象所发送的数据是否得到响应.
setTimeout("CheckRequest()","8000");
function CheckRequest(){
  //为4时代表请求完成了  
  if(xmlHttp.readyState!=4){
    alert(&#39;响应超时&#39;);
    //关闭请求
    xmlHttp.close();
  }
}
Nach dem Login kopieren

The Oben habe ich alles zusammengestellt. Ich hoffe, es wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

Django-Framework verwendet Ajax, um die Batch-Importdatenfunktion zu implementieren

Detaillierte Erläuterung des AJAX XMLHttpRequest-Objekts

Die dritte Implementierung zum Schreiben leichter Ajax-Komponenten


Das obige ist der detaillierte Inhalt vonSo beenden Sie die von js und jQuery gesendete Ajax-Anfrage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage