Ajax_データ形式_html

HTMLの構文解析

サーバはHTML、responseTextプロパティに格納されているCMLHttpRequestによってテキストを送信する場合、HTMLは、昔ながらのテキスト組成物です。
responseTextプロパティからデータを読み取ることがなくても、彼は、フォーマットをご希望されている直接ページに彼を挿入することができます。
最も簡単な要素のinnerHTMLプロパティのプロパティを更新することであるHTMLコードを挿入します。

HTMLテキストinclude.htmlにデータをロードする準備ができました

<H2>これはH2見出しです</ H2>"include.html">
 の<a href= これはハイパーリンクです</a>に

サーバへのページリクエストを担当

<％ - 
  IntelliJ IDEAによって作成されます。
  ユーザー：管理者
  日付：2019年 / 6 / 26 
  時間：9：53 
  に変更するには、このテンプレートを使用するファイルを| 設定| ファイルのテンプレート。
- ％>
<％@ページのcontentType = " text / htmlの;のcharset = UTF-8 "言語= " javaの"％>
<HTML>
<ヘッド>
    <タイトル> AjaxリクエストHTMLテキスト</タイトル>
    <スタイル>
        #detail {
            幅：200pxの。
            高さ：200pxの。
            国境：1pxの破線の赤。
        }
    </スタイル>
    <スクリプト> 
        window.onload = 関数（）{
             // クリックイベントタグの追加機能を取得 
            document.getElementsByTagName（" A "）[ 0 ] .onclick = 機能（）{
                 VARの要求= 新新のXMLHttpRequest（）;
                 VARの方法を= " GET " ;
                 // これは電流を表し、ラベル取得
                するvar = URLをこの.HREFを。
                request.open（メソッド、URL）;
                // GETリクエストは、サーバにデータを送信しない 
                request.send（ヌル）;
                request.onreadystatechange = 関数（）{
                     IF（request.readyState == 4 ）{
                         IF（request.statusの== 200である || request.statusの== 304 ）{
                             // HTMLはテキスト形式であるため、XMLHttpequestオブジェクトresposeTextを使用するため不動産取得 
                            のdocument.getElementById（" 詳細"）.innerHTML = request.responseTextを。
                        }
                    }
                }
                // タグのデフォルト動作をキャンセル
                返す 偽。
            }
        }
    </ SCRIPT>
</ head>の
<身体>
<H1> AjaxリクエストHTMLテキスト</ H1>を実装するために、次のハイパーリンクをクリックしてください<a
href=は"include.html">パーシャルリフレッシュ</a>を実現するために私をクリックしてください
<DIV ID = " 詳細" > </ div>
</ BODY>
</ HTML>

効果：

　　ハイパーリンクをクリックして、中に以下のdivタグでHTMLコードを挿入

HTMLの構文解析

おすすめ