JQueryではなくJavaScriptを使用して別のHTMLファイルからHTMLファイルをロードする方法は?
jquery .load 関数を使用した例をいくつか見てきましたが、単純な JavaScript を使用して html ファイルをロードする方法を知る必要があります。
JQueryではなくJavaScriptを使用して別のHTMLファイルからHTMLファイルをロードする方法は?
jquery .load 関数を使用した例をいくつか見てきましたが、単純な JavaScript を使用して html ファイルをロードする方法を知る必要があります。
jQuery ロード関数はXMLHttpRequest
、指定された URL を使用してコンテンツをロードし、一致した要素に配置するオブジェクトの単純なラッパーです。したがって、あなたの例$("head").load("sample.html");
は sample.html ページのコンテンツをロードし、それをhead
タグに配置します。
jQuery を使用せずにこれを行うには、XMLHttpRequest
オブジェクトを直接作成する必要があります。正確なコードは対象となるブラウザーによって異なりますが、オンラインで多くの例を見つけることができます。開始するには、w3schools.comが適しています。
https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started と readyState == 4 でリクエストが完了しています。リクエストが成功すると、HTTP 200 メッセージが返されます。
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200) {
これらは保護句であり、後で結果をチェックします。両方のチェックに合格したら、結果 (httpRequest.responseXML) を DOM に追加できます。