jquery – ajax

やりたいこと

webページをリロードしないで、サーバからデータを取得したい。

環境

jQuery

書き方

[javascript]

$.ajax({
type: "POST", // default "GET"
url: "../mail/hoge",
data: "item=" + value + "ID=" + ID,
}).always(function(){
// AJAX通信完了時に呼ばれる。成功失敗に関係なく必ず呼ばれる
}).done(function(data){
// 通信成功
}).fail(function(data){
// 通信失敗
});
[/javascript]

注意

デフォルトが ”キャッシュする” の状態なので気をつけること。リアルタイムに情報が変更されているデータは、キャッシュをしないようにすること。

cache: false,
メモ

jQuery 1.8 から、success(), error(), complete() は、非推奨。

Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are deprecated as of jQuery 1.8. To prepare your code for their eventual removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

リファレンス

jQuery ajax リファレンス

コメント

タイトルとURLをコピーしました