JS は AJAX 部分リフレッシュを実装します (コード付き)

php中世界最好的语言
リリース: 2018-04-02 14:38:04
オリジナル
2061 人が閲覧しました

今回は、AJAX 部分リフレッシュを実装するための JS を紹介します (コード付き)。JS が AJAX 部分リフレッシュを実装するための 注意事項 について、実際のケースを見てみましょう。

AJAX は「Asynchronous Javascript And XML」(Asynchronous JavaScript and XML) の略で、インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジを指します。

AJAX = 非同期 JavaScript および XML (標準ユニバーサル マークアップ言語のサブセット)。

AJAX は、高速で動的な Web ページを作成するためのテクノロジーです。

AJAXの部分更新機能を実装するためのJSの具体的な内容は以下の通りです:

AJAXはバックグラウンドでサーバーと少量のデータをやり取りすることで、Webページの非同期更新を可能にします。これは、ページ全体を再読み込みしなくても、Web ページの一部を更新できることを意味します。

// 创建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;
 }
 }
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Ajax が都市の二次リンクを実現する方法

Ajax がページの更新を最適化する 2 つの方法

以上がJS は AJAX 部分リフレッシュを実装します (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート