jQueryを使いAjaxで別ファイルを読み込むサンプル: JavaScript
jQueryを使ったAjaxの簡単なサンプル。
別のファイルの内容(Hello World)をAjaxで読み込み表示している。
実装
読み込まれるファイル(example.html)を作成する。内容は下記の通り。
example.html
<html> <body> Hello World </body> </html>
example.htmlを表示する要素をマークアップする。
<p id="target_ajax_load"></p>
スクリプトを上記要素の前に書く。
$(function () {
$("#target_ajax_load").load('https://www.findxfine.com/example.html');
});
// またはドキュメントルートからの絶対パスでもよい。
// $("#target_ajax_load").load('/example.html');
コメント
No comments yet.
コメントの投稿
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。