[Ajax] jQueryとPHPでWebページの一部分を更新する方法

photo_00275

Webページ全体の更新をしないで、一部分だけ更新する技術をAjaxといいます。

jQueryのバージョンによってAjaxの書き方が変わっているので、jQueryのバージョンに合わせた書き方をしなければなりません。

jQuery 1.8以降での書き方を紹介します。

Ajaxの基本的なテンプレート

.doneは通信に成功した場合
.failは通信が失敗した場合
.alwaysはdoneかfailを含めて処理が完了した場合

Ajaxを行うとき、a要素をクリックしたときにリンク先に飛んでしまうのをキャンセルする処理です。

Ajaxの利用例

Ajaxでtext.phpのファイルの内容を表示させてみます。

divのTESTと表示されている部分に、test.phpで返されたデータが表示されるようになります。

 $(“#ajax”).html(data)でidがajaxのクラスの中身を書き換えます。

  • Categories

  • タグ

  • アーカイブ

  • 最近の投稿