ホームページ >ウェブフロントエンド >jsチュートリアル >jquery $.ajax 関連の使用法 share_jquery

jquery $.ajax 関連の使用法 share_jquery

WBOY
WBOYオリジナル
2016-05-16 17:55:11895ブラウズ
コードをコピーします コードは次のとおりです:

$.ajax({
type: "GET ",
url: "Services/EFService.svc/Members"、
data: "{}"、
contentType: "application/json; charset=utf-8"、
dataType: " json",
success: function (data) {
// 返されたデータを JSON 形式で処理します
},
error: function (msg) {
alert(msg);
}
});

グローバル イベントは、すべての Ajax リクエストによってトリガーされ、上記の getScript() の例でロードされたスクリプトはグローバル Ajax です。イベント。 。グローバル イベントは次のように定義できます:
コードをコピー コードは次のとおりです:

$ ("#loading" ).ajaxStart(function(){
$(this).show();
});

特定のリクエストでグローバル イベントを無効にすることができます。 set global オプションは問題ありません:
コードをコピーします コードは次のとおりです:

$ .ajax({
url: "test.html",
global: false,// グローバル Ajax イベントを無効にします。 // ... });

以下はjQuery によって公式に提供される完全な Ajax イベント リスト:
•ajaxStart (グローバル イベント)
このイベントは、Ajax リクエストが開始され、現在他の Ajax リクエストが実行されていない場合にブロードキャストされます。
•beforeSend (ローカル イベント)
Ajax リクエストが開始される前にトリガーされるこのイベントにより、XMLHttpRequest オブジェクトを変更できます (必要に応じて追加のヘッダーを設定します)。
•ajaxSend (グローバル イベント)
このグローバル イベントもトリガーされます
•success (ローカル イベント)
このイベントは、リクエストが成功した場合にのみ呼び出されます (サーバーからのエラーがなく、データにエラーがない)。
•ajaxSuccess (グローバル イベント)。 )
このイベントは、リクエストが成功した場合にのみ呼び出されます。
•error (ローカル イベント)
このイベントは、リクエストでエラーが発生した場合にのみ呼び出されます (エラーとエラーの両方が発生することはありません)。
•ajaxError (グローバル イベント)
このグローバル イベントは、ローカル エラー イベントと同じように動作します。
•complete (ローカル イベント)
このイベントは、次のいずれかに関係なく呼び出されます。リクエストが成功したかどうかを示します。同期リクエストの場合でも、常に完全なコールバックを受け取ります。
•ajaxComplete (グローバル イベント)
このイベントは、Ajax が実行されるたびにトリガーされます。
•ajaxStop (グローバル イベント)
このグローバル イベントは、処理中の Ajax リクエストがなくなった場合にトリガーされます。
jQuery.ajaxSetup( options ) : グローバル AJAX のデフォルト オプションを設定します。
AJAX リクエストのデフォルトのアドレスを「/xmlhttp/」に設定し、グローバル AJAX イベントのトリガーを無効にし、デフォルトの GET メソッドの代わりに POST を使用します。後続の AJAX リクエストでは、オプション パラメータは設定されません。
jQuery コード:
コードをコピー コードは次のとおりです:

$.ajaxSetup ({
url: "/xmlhttp/",
global: false,
type: "POST"
});
$.ajax({ data: myData }); >

html タイプとして指定した場合、HTML が文字列として返される前に、埋め込まれた JavaScript が実行されます。同様に、スクリプトの種類を指定した場合は、サーバー側で生成された JavaScript が最初に実行され、その後スクリプトがテキスト データとして返されます。
JSON データは、JavaScript を通じて簡単に解析できる構造化データの一種です。取得したデータ ファイルがリモート サーバーに保存されている場合 (ドメイン名が異なる場合、つまりクロスドメイン データ取得)、jsonp タイプを使用する必要があります。このタイプを使用すると、リクエストされた URL に追加されるクエリ文字列パラメータ callback=? が作成されます。有効な JSONP リクエストを完了するには、サーバーは JSON データの前にコールバック関数名を追加する必要があります。デフォルトのコールバックの代わりにコールバック関数のパラメータ名を指定したい場合は、$.ajax() の jsonp パラメータを設定できます。​
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。