一文で速くJQueryの中のAJAXを理解します。
$.ajax({
url:"http://www.microsoft.com", // url
dataType:"json", // json
async:true,// , , ajax
data:{"id":"value"}, //
type:"GET", //
beforeSend:function(){
//
},
success:function(req){
//
},
complete:function(){
//
},
error:function(){
//
}
});
ajaxメソッドの一般的なパラメータ1.url:
要求されるのはStringタイプのパラメータであり、(デフォルトは現在のページアドレス)送信要求のアドレスです。
2.type:
Stringタイプのパラメータが要求されますが、要求方式(postまたはget)はデフォルトでgetとなります。他のhttp要求方法に注意してください。例えば、putやdeleteも使用できますが、一部のブラウザのみがサポートされています。
3.async:
Booleanタイプのパラメータが要求されます。デフォルトではtrueに設定されています。すべての要求は非同期です。同期要求を送信する場合は、このオプションをfalseに設定してください。なお、同期要求はブラウザをロックし、ユーザの他の操作は要求が完了するまで待つ必要があります。
4.ダタ:
ObjectまたはStringタイプのパラメータが要求されます。サーバに送るデータです。文字列でない場合は、自動的に文字列書式に変換されます。get要求はurlに添付されます。この自動変換を防ぐために、プロcessDataオプションを確認できます。オブジェクトはkey/value形式でなければなりません。例えば
{foo1:"bar1",foo2:"bar2"}
は&foo1=bar1&foo2=bar2
に変換される。配列であれば、JQueryは自動的に異なる値で同じ名前に対応します。例えば{foo:["bar1","bar2"]}
は&foo=bar1&foo=bar2
に変換される。5.data Type:
Stringタイプのパラメータが要求されていますが、サーバから返ってくるデータの種類が期待されます。指定されていない場合、JQueryはhttpパッケージのmime情報からレスポンスXMLまたはレスポンスTextに自動的に戻り、フィードバック関数のパラメータとして渡されます。利用可能なタイプは以下の通りです。
xml:XMLドキュメントに戻り、JQueryで処理できます。
html:純粋なテキストHTML情報を返します。含まれるスクリプトラベルはDOM挿入時に実行されます。
スクリプト:純粋なテキストJavaScriptコードを返します。結果は自動キャッシュされません。cacheパラメータが設定されていない限り。注意リモート要求時(同じドメインではない)には、すべてのpost要求がget要求に変わります。
JSONデータを返します。
JSONP形式です。SONP形式で関数を呼び出す場合、例えばmurl?calback=?JQueryは自動的に後の「?」に置き換えられます。正しい関数名で、コールバック関数を実行します。
テキスト文字列を返します。
6.beforeSend:
Functionタイプのパラメータが要求されます。要求を送信する前に、XMLHttpRequestオブジェクトの関数を変更することができます。例えば、カスタムHTTPヘッダを追加します。beforeSendでfalseに戻ると、今回のajax要求はキャンセルされます。XMLHttpRequestオブジェクトは唯一のパラメータです。
function(XMLHttpRequest){
this; // ajax options
}
7.complettee:Functionタイプのパラメータが必要で、完了後に呼び出すコールバック関数(成功または失敗を要求した場合は呼び出します)が要求されます。パラメータ:XMLHttpRequestオブジェクトと成功要求タイプを記述する文字列。
function(XMLHttpRequest, textStatus){
this; // ajax options
}
8.success:Functionタイプのパラメータが要求されます。成功後に呼び出すコールバック関数には、2つのパラメータがあります。
(1)サーバから戻り、dataTypeパラメータに従って処理後のデータを行います。
(2)状態を記述する文字列。
function(data, textStatus){
//data xmlDoc、jsonObj、html、text
this; // ajax options
}
9.error:Functionタイプのパラメータが要求されます。要求が失敗したときに呼び出す関数です。この関数は、XMLHttpRequestオブジェクト、エラー情報、キャプチャされたエラーオブジェクトの3つのパラメータがあります。ajaxイベントの関数は以下の通りです。
function(XMLHttpRequest, textStatus, errorThrown){
// textStatus errorThrown
this; // ajax options
}
締め括りをつける以上は小编が绍介したJQueryのAJAXです。皆さんに何かお聞きしたいことがあれば、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。