jQueryのAjaxを使ったサンプルを作ってみました

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

jQueryのAjaxを使ったサンプルを作ってみました。

サンプル

http://tm-labo.com/laboratory/finding/ajax-sample/

同ドメイン上のファイルのデータをAjaxで取得し、
preタグ内にハイライト表示するシンプルなサンプルです。

Ajaxは非同期でデータをやりとりするテクニックなので、
動的にデータベースとのやりとりなんかをすることで本来の力を発揮するのですが、
今回は読み込みといった部分に焦点を当ててサンプルを作ってみました。

良かったら参考にしてみて下さい。

追記

ダウンロードできるようにしておきましたので直接いじって遊んでみてください。

注意点

本来、Ajax通信は同じドメイン上のファイルしか読み込めないようになっています。
なのでローカルだとChromeではうまく動きません。
Chromeでもローカルで動かしたい場合、ちょっと面倒な設定が必要です。

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。