ページの読込
参考サイトをメモ。
書式
Ajax(Low-Level Interface)
1.8 からこの書式。
- $.ajax({
- url: 'test.php'
- })
- .done(function(data, status, xhr) {
- // 通信成功時の処理
- })
- .fail(function(xhr, status, error) {
- // 通信失敗時の処理
- }).always(function(arg1, status, arg2) {
- // 通信完了時の処理
- });
例
- $.ajax({
- url: 'test.php',
- type: 'POST',
- timeout: 10000
- })
- .done(function(data, status, xhr) {
- $('#result').html(data);
- })
- .fail(function(xhr, status, error) {
- $('#log').append('xhr.status = ' + xhr.status + '<br />'); // 例: 404
- $('#log').append('xhr.statusText = ' + xhr.statusText + '<br />'); // 例: Not Found
- $('#log').append('status = ' + status + '<br />'); // 例: error
- $('#log').append('error = ' + error + '<br />'); // 例: Not Found
- });
返却値の利用
- $.ajax({
- url: 'test.php'
- })
- .done(function(data, status, xhr) {
- // これで JSON Object として扱える
- var response = $.parseJSON(data);
- })
- .fail(function(xhr, status, error) {
- // 通信失敗時の処理
- })
- .always(function(arg1, status, arg2) {
- // 通信完了時の処理
- });
参考サイト
とほほのWWW入門：jQuery入門 Ajax
→いつもいつもお世話になっております！
Crunchtimer：[jQuery] Ajaxの.loadと.post(.get)の違いについて
Designup：jQueryでAjax 画面遷移なしでデータを読み込む方法
→現在のページの指定箇所へ読み込む方法が載っている