Comment mettre fin à la requête ajax envoyée dans js et jQuery

Cet article présente principalement la méthode de js et jQuery pour mettre fin à la requête ajax envoyée. Il analyse les techniques d'implémentation et les précautions associées de jQuery et JavaScript pour terminer la requête ajax avec des exemples. Il a une certaine valeur de référence. il peut s'y référer.

L'exemple de cet article décrit comment js et jQuery terminent la requête ajax envoyée. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Core : Appelez la méthode abort sur l'objet XMLHttpRequest

La méthode ajax de jquery a ses propres paramètres de réglage du délai d'attente :

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

Pendant ce temps

1 Le type de données renvoyé par $.get est XMLHttpRequest, veuillez vous référer au manuel. (La même chose s'applique à $.post, $.ajax, $.getJSON et $.getScript)

2 L'objet XMLHttpRequest a la méthode abort()

Vous pouvez également appeler le abandonner la méthode manuellement :

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

Pour xhr natif :

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

Ci-dessus, je l'ai compilé pour tout le monde. J'espère qu'il sera utile à tout le monde à l'avenir.

Articles connexes :

Le framework Django utilise ajax pour implémenter la fonction d'importation de données par lots

Explication détaillée de l'objet AJAX XMLHttpRequest

La troisième implémentation de l'écriture de composants ajax légers

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!