タグ

jQueryとAjaxに関するnumber_Fouのブックマーク (4)

  • jQuery 3.xでajax()でエラーになったときに疑う箇所 - 動かざることバグの如し

    なるほど、jQuery 3.0では多くの非推奨メソッドが削除されて2.xで動いていたものが動かなくなることがある 詳しくは以下のサイトが詳しい 【翻訳まとめ】jQuery 3.0 alpha リリースノート - Qiita 中でもajax()で若干ハマったのでメモ success() error() complete() は廃止された 彼らはもういない ソースは http://api.jquery.com/jQuery.ajax/api.jquery.com に以下のように明記されている Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0. You can use jqXHR.done(), jqXHR.fail

    jQuery 3.xでajax()でエラーになったときに疑う箇所 - 動かざることバグの如し
  • 特定のAjax通信でのみグローバルイベントを無効化するには?($.ajax[global])

    Ajax通信の開始/終了/成功/失敗のタイミングで任意の処理を差し挟む際に利用するグローバルイベントを、現在の通信だけ対象外にする方法を説明する。 ← 前回 連載 INDEX 次回 → jQueryでは、グローバルイベントと呼ばれる仕組みを利用することで、Ajax通信の開始/終了/成功/失敗のタイミングで、任意の処理を差し挟むことが可能になります。具体的な実装については、別稿「TIPS:非同期通信の開始/終了/成功/失敗のタイミングで処理を実行するには?」で解説しているので、併せて参照してください。 もっとも、グローバルイベントが一様に全てのAjax通信に適用されてしまうのが望ましくない場合もあります。そのような状況では、$.ajaxメソッドのglobalパラメーターをfalseとすることで、現在の通信だけをグローバルイベントの対象外にできます。 以下は、先述の別稿で作成したget.htm

  • グローバルAjaxイベントハンドラ ≪ Ajax ≪ jQuery API 日本語リファレンス

    Ajaxリクエストの完了時、成功時、失敗時などの、各Ajaxイベントにイベンドハンドラを登録するメソッド。 ajaxComplete( handler( event, XMLHttpRequest, ajaxOptions ) ) jQuery API の ajaxComplete( handler( event, XMLHttpRequest, ajaxOptions ) ) は、Ajaxリクエスト完了時に呼び出すイベントハンドラを登録するメソッド。Ajaxリクエストの成功、失敗にかかわらず、Ajaxリクエスト完了時に呼び出す。 ajaxError( handler( event, jqXHR, ajaxSettings, thrownError ) ) jQuery API の ajaxError( handler( event, jqXHR, ajaxSettings, thrown

  • 非同期通信の開始/終了/成功/失敗のタイミングで処理を実行するには?(ajaxXxxxx)

    稿では、これらのイベントを利用した具体的な例をいくつか紹介します。なお、サンプルは、別稿「HTTP GET/POSTで非同期通信を実施するには?」のものを基に追記していますので、完全なコードは別稿を参照してください。 通信中にスピナー/プログレスバーを表示する 通常の同期通信ではブラウザーのアイコンが回転したり、ステータスバーに通信中であることが表示されたりしますので、エンドユーザーもそれと知ることができます。しかし、非同期通信はそうした変化がありませんので、(例えば)ユーザーが何度もボタンをクリックしてしまったり、そうでなくとも、通信であることがわからず不安になったり、という状況が起こり得ます。そこで、Ajaxである程度時間のかかる処理を実施する場合には、プログレスバー/スピナーなどのアニメーション画像を表示するのが一般的です。 以下は、その具体的な例です。

    非同期通信の開始/終了/成功/失敗のタイミングで処理を実行するには?(ajaxXxxxx)
  • 1