jQueryの$.loadでHTMLを読み込んで表示する

下のコードは、jQueryの$.loadを使いHTMLファイルを読み込んでブラウザで結果を表示するプログラムで、test.htmlファイルをload.htmlファイルの$.loadで読み込んでdiv#contentに表示します。

test.html(読み込むHTMLファイル)

<h1>Test</h1>
<p>テストです</p>

load.html

load.htmlでは、読み込むファイルをtest.htmlにしていますが、test.txtで保存したときはload(‘test.txt’)にします。※loadは、一応、HTMLファイルを読み込むのに利用します。

<script type="text/javascript">
$(function() {
   $('#content').load('test.html');
});
</script>

$.loadが実行されるとdiv#contentにtest.htmlの内容が表示されます。

<div id="content"></div>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です