jsおよびjQueryによって送信されているajaxリクエストを終了する方法-jsチュートリアル-php.cn

jsおよびjQueryによって送信されているajaxリクエストを終了する方法

亚连

リリース： 2018-05-24 14:12:43

オリジナル

2180 人が閲覧しました

この記事では主に、送信されているajaxリクエストを終了するjsとjQueryの実装テクニックと関連する注意事項を例とともに紹介します。必要な友人は参考にしてください。この記事の例では、js と jQuery が送信される ajax リクエストを終了する方法について説明します。参考までに皆さんと共有してください。詳細は次のとおりです:

コア: XMLHttpRequest オブジェクトの abort メソッドを呼び出します

jquery の ajax メソッドには独自のタイムアウト設定パラメータがあります:

$.ajax({type:&#39;POST&#39;,
  url:&#39;b.php&#39;,
  data:&#39;&#39;,
  timeout:5000,
  success:function(){
  }
})

ログイン後にコピー

同時

1. $ .getで返されるデータ型はXMLHttpRequestです。マニュアルを参照してください。 ($.post、$.ajax、$.getJSON、$.getScript にも同じことが当てはまります)

2. XMLHttpRequest オブジェクトには abort() メソッドがあります

abort メソッドを手動で呼び出すこともできます:

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

ログイン後にコピー

ネイティブ 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();
  }
}

ログイン後にコピー

上記は私が皆さんのためにまとめたもので、将来皆さんのお役に立てれば幸いです。

Djangoフレームワークはajaxを使用してデータ一括インポート機能を実装

AJAX XMLHttpRequestオブジェクトの詳細説明

軽量ajaxコンポーネントの3番目の実装を書く

以上がjsおよびjQueryによって送信されているajaxリクエストを終了する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。