English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

純JSでAJAXのローカルリフレッシュ機能を実現する

AJAXは“Asynchronous Javascript And XML”(非同期JavaScriptとXML)と呼ばれ、インタラクティブなウェブアプリケーションを作成するためのウェブ開発技術です。

AJAX = 异步 JavaScript and XML(標準一般マークアップ言語のサブセット)。

AJAXは、高速なダイナミックウェブページを作成するための技術です。

以下に、JSでAJAXのローカルリフレッシュ機能を実現する方法を紹介します。具体的な内容は以下の通りです:

AJAXは、バックグラウンドでサーバーと少量のデータ交換を行うことで、ウェブページを実行可能にします。これは、ウェブページの一部を更新する際に、ウェブページ全体を再読み込みしなくても良いことを意味します。

// XMLHttpRequestオブジェクトを作成する
 var xhr=new XMLHttpRequest();
 // リクエスト行
 xhr.open('post','03-ajaxPost.php');
 //リクエストヘッダー
 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
 //リクエスト本体 post send データ設定
 xhr.send('name='+txt);
 //サーバーの応答を監听する
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ //ここでは、サーバーの応答が成功した場合を受け入れることを示しています。
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 }
 } 

以上の内容は編集者が皆さんに紹介する純JSでAJAXのローカルリフレッシュ機能についてです。皆さんに役立つことを願っています。何かご不明な点があれば、コメントを残してください。編集者は皆さんの質問に迅速に回答します。また、呐喊ガイドウェブサイトへのサポートに感謝しています。

おすすめ