Maison > interface Web > js tutoriel > le corps du texte

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

亚连
Libérer: 2018-05-24 14:12:43
original
2184 Les gens l'ont consulté

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(){
  }
})
Copier après la connexion


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>
Copier après la connexion


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(&#39;响应超时&#39;);
    //关闭请求
    xmlHttp.close();
  }
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!