ホームページ  >  記事  >  ウェブフロントエンド  >  Ajax リクエストの送受信

Ajax リクエストの送受信

亚连
亚连オリジナル
2018-05-24 10:53:522096ブラウズ

この記事では、主に Ajax のリクエストの送受信に関する情報を詳しく紹介します。興味のある方は参考にしてください。

まず、Ajax は現在広く使用されています。 。 テーマ! !

基本的に、Ajax はブラウザが受信できるすべての情報を受信できます。例: 文字列、HTML タグ、CSS タグ、XML 形式のコンテンツ、JSON 形式のコンテンツなど...

<script>
  // IE浏览器
  if(ActiveXObject){
     // 微软目前AJAX最新版本
    var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); 
  }else{
    // 主流浏览器
    var ajax = new XMLHttpRequest();
   }
  
  // 创建HTTP请求
   // open(method, url, asynchronous, user, password);
   // method:请求方法(post,get)
   // url:请求地址(是具体要接收数据的地址)
   // asynchronous:同步或异步请求(true是异步,false是同步,默认是true,可不填)
   // user:(指定请求用户名,可不填)
   // password:(指定请求密码,可不填)
  
  ajax.open(&#39;get&#39;,&#39;url&#39;); 
  
  ajax.onreadystatechange = function(){
    if((ajax.readyState==4) && (ajax.status)==200){
      alert(ajax.responseText); // 返回的数据内容
    }else{
      alert(&#39;请求失败&#39;);
    }
  }
  // 发送请求,content是要发送的内容,如果没有则填null
   send(content);
   
   // 如果用的是post方式请求,要在send之前设置HTTP头
   ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

  
</script>

ajax onreadystatechange イベント最大 4 つの変更状態を受け取ります。readystate の戻りステータス値:

0 (初期化されていない) オブジェクトが確立されました

1 (初期化された) open メソッドが呼び出されています

2 (データ送信) sendメソッドが呼び出されました

3 (データ転送中) 部分的なデータが返されました

4 (完了) リクエストは成功しました 以上です皆さんのためにまとめました。将来的に皆さんのお役に立てれば幸いです。

関連記事:

Ajaxでキャッシュを解決する5つの方法まとめ


配列を含むAJAXリクエストを解決する方法


Ajaxリクエストとフィルター連携事例分析


以上がAjax リクエストの送受信の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。