ページの読込

Posted by muchag | jQuery | 2015-02-11 (水) 16:34:22

参考サイトをメモ。

書式

Ajax(Low-Level Interface)
1.8 からこの書式。

  1. $.ajax({
  2.  
  3.     url: 'test.php'
  4. })
  5. .done(function(data, status, xhr) {
  6.  
  7.     // 通信成功時の処理
  8. })
  9. .fail(function(xhr, status, error) {
  10.  
  11.     // 通信失敗時の処理
  12. }).always(function(arg1, status, arg2) {
  13.  
  14.     // 通信完了時の処理
  15. });
  1. $.ajax({
  2.  
  3.     url: 'test.php',
  4.     type: 'POST',
  5.     timeout: 10000
  6. })
  7. .done(function(data, status, xhr) {
  8.  
  9.     $('#result').html(data);
  10. })
  11. .fail(function(xhr, status, error) {
  12.  
  13.     $('#log').append('xhr.status = ' + xhr.status + '<br />');          // 例: 404
  14.     $('#log').append('xhr.statusText = ' + xhr.statusText + '<br />');  // 例: Not Found
  15.     $('#log').append('status = ' + status + '<br />');                  // 例: error
  16.     $('#log').append('error = ' + error + '<br />');                    // 例: Not Found
  17. });
返却値の利用
  1. $.ajax({
  2.  
  3.     url: 'test.php'
  4. })
  5. .done(function(data, status, xhr) {
  6.  
  7.     // これで JSON Object として扱える
  8.     var response = $.parseJSON(data);
  9. })
  10. .fail(function(xhr, status, error) {
  11.  
  12.     // 通信失敗時の処理
  13. })
  14. .always(function(arg1, status, arg2) {
  15.  
  16.     // 通信完了時の処理
  17. });
参考サイト

とほほのWWW入門:jQuery入門 Ajax
→いつもいつもお世話になっております!

Crunchtimer:[jQuery] Ajaxの.loadと.post(.get)の違いについて

Designup:jQueryでAjax 画面遷移なしでデータを読み込む方法
→現在のページの指定箇所へ読み込む方法が載っている

jQuery | 2015-02-11 (水) 16:34:22 |

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment