MW211 EXIT

devlog
jQuery/Ajax入門(1)
2011年11月25日
Ajaxがよくわからないので、わかり次第記録していく(jQueryを利用しちゃう)。

まずは、部分リロードの方法。
┌──────────────────────────────────────┐
│<meta http-equiv="Pragma" content="no-cache"/>                              │
│- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - │
│<script type="text/javascript" src="js/jquery….js"></script>               │
│- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - │
│<script type="text/javascript">                                             │
│$(function(){                                                               │
│  $("button").click(function(){                                             │
│    $("#ajax").load("index.php #ajax");                                     │
│  })                                                                        │
│});                                                                         │
│</script>                                                                   │
│- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - │
│<button>最新の状態を取得</button>                                           │
│- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - │
│<div id="ajax">                                                             │
│<?php echo date('YmdHis');?>                                                │
│</div>                                                                      │
└──────────────────────────────────────┘
ボタンを押すことによって、「index.php」を画面ごとリロードしていたものを
部分的にリロードしたい場合の例。

div等のID(この場合は「ajax」)で範囲指定した部分のみ上書される。
この例だと、ボタンを押すごとに、時刻文字列のみが更新される。

キャッシュを利用されると時刻文字列に変化がおきないので
「<meta http-equiv="Pragma" content="no-cache"/>」をつける必要があるみたい。

※注意:訂正があります、jQuery/Ajax入門(2)を必ず読んでください
分類:jQuery