jquery $.ajax関連用法の共有
3142 ワード
$.ajax({
type: "GET",
url: "Services/EFService.svc/Members",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
// Play with returned data in JSON format
},
error: function (msg) {
alert(msg);
}
});
グローバルイベントはAjaxリクエストのたびにトリガーされ、DOMのすべての要素にブロードキャストされます.上のgetScript()の例でロードされたスクリプトはグローバルAjaxイベントです.グローバル・イベントは次のように定義できます.
$("#loading").ajaxStart(function(){
$(this).show();
});
globalオプションを設定すれば、特定のリクエストでグローバルイベントを無効にできます.
$.ajax({
url: "test.html",
global: false,// Ajax . // ... });
以下はjQuery公式に与えられた完全なAjaxイベントのリストです.
•ajaxStart (Global Event)
This event is broadcast if an Ajax request is started and no other Ajax requests are currently running.
•beforeSend (Local Event)
This event, which is triggered before an Ajax request is started, allows you to modify the XMLHttpRequest object (setting additional headers, if need be.)
•ajaxSend (Global Event)
This global event is also triggered before the request is run.
•success (Local Event)
This event is only called if the request was successful (no errors from the server, no errors with the data).
•ajaxSuccess (Global Event)
This event is also only called if the request was successful.
•error (Local Event)
This event is only called if an error occurred with the request (you can never have both an error and a success callback with a request).
•ajaxError (Global Event)
This global event behaves the same as the local error event.
•complete (Local Event)
This event is called regardless of if the request was successful, or not. You will always receive a complete callback, even for synchronous requests.
•ajaxComplete (Global Event)
This event behaves the same as the complete event and will be triggered every time an Ajax request finishes.
•ajaxStop (Global Event)
This global event is triggered if there are no more Ajax requests being processed.
jQuery.ajaxSetup(options):グローバルAJAXのデフォルトオプションを設定します.
AJAXリクエストのデフォルトアドレスを「/xmlhttp/」に設定し、グローバルAJAXイベントのトリガを禁止し、デフォルトGETメソッドの代わりにPOSTを使用します.その後のAJAXリクエストでは、オプションパラメータは設定されません.
jQueryコード:
$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});
$.ajax({ data: myData });
htmlタイプとして指定すると、埋め込まれたJavaScriptはHTMLが文字列として返される前に実行されます.同様にscriptタイプを指定すると、サーバ側でJavaScriptを生成してからスクリプトをテキストデータとして返すこともあります.
JSONデータはJavaScriptによる解析が容易な構造化データである.取得したデータファイルがリモートサーバに格納されている場合(ドメイン名が異なる、すなわちドメイン間でデータを取得する場合)、jsonpタイプを使用する必要があります.このタイプを使用すると、クエリー文字列パラメータcallback=?が作成されます.このパラメータは要求されたURLの後ろに追加されます.サーバ側は、有効なJSONP要求を完了するために、JSONデータの前にコールバック関数名を付けなければならない.デフォルトのcallbackの代わりにコールバック関数のパラメータ名を指定する場合は、$を設定できます.ajax()のjsonpパラメータ.