jQueryを使いAjaxで別ファイルを読み込むサンプル: JavaScript

Pocket

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('http://www.findxfine.com/example.html'); 
});
// またはドキュメントルートからの絶対パスでもよい。
// $("#target_ajax_load").load('/example.html'); 

» jQuery 開発者向けメモ – 基本・サンプル

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。

 


人気記事 はてなブックマーク

この日記のはてなブックマーク数