$ajax()常用方法詳細(推奨)

AJAXはサーバーとデータを交換する技術で、ページ全体を補完しながらウェブページの一部を更新することができます。ここでajaxのいくつかの常用方法を紹介します。一緒に勉強する必要があります。
1.url:
要求されるのはStringタイプのパラメータであり、（デフォルトは現在のページアドレス）送信要求のアドレスです。
2.type:
Stringタイプのパラメータが要求されますが、要求方式（postまたはget）はデフォルトでgetとなります。他のhttp要求方法に注意してください。例えば、putやdeleteも使用できますが、一部のブラウザのみがサポートされています。
3.timeout:
要求タイムアウト時間（ミリ秒）をNumberタイプのパラメータで設定します。この設定は$ajaxSetup()メソッドのグローバル設定を上書きします。
4.async:
Booleanタイプのパラメータが要求されます。デフォルトではtrueに設定されています。すべての要求は非同期です。同期要求を送信する場合は、このオプションをfalseに設定してください。なお、同期要求はブラウザをロックし、ユーザの他の操作は要求が完了するまで待つ必要があります。
5.cache:
要求されるのはBooleanタイプのパラメータで、デフォルトはtrue（dataTypeがscriptの場合、デフォルトはfalse）です。falseに設定すると、ブラウザキャッシュから要求情報が読み込まれなくなります。
6.ダタ:
ObjectまたはStringタイプのパラメータが要求されます。サーバに送るデータです。文字列でない場合は、自動的に文字列書式に変換されます。get要求はurlに添付されます。この自動変換を防ぐために、プロcessDataオプションを確認できます。オブジェクトはkey/valueフォーマットでなければなりません。例えば、{foo 1:bar 1}foo 2:bar 2}は&foo 1=bar 1=bar 2=bar 2に変換されます。配列であれば、JQueryは自動的に異なる値で同じ名前に対応します。例えば｛foo:[bar 1]、“bar 2”｝は&foo=bar 1&foo=bar 2に変換されます。
7.dataType:
Stringタイプのパラメータが要求されていますが、サーバから返ってくるデータの種類が期待されます。指定されていない場合、JQueryはhttpパッケージのmime情報からレスポンスXMLまたはレスポンスTextに自動的に戻り、フィードバック関数のパラメータとして渡されます。利用可能なタイプは以下の通りです。
xml：XMLドキュメントに戻り、JQueryで処理できます。
html：純粋なテキストHTML情報を返します。含まれるスクリプトラベルはDOM挿入時に実行されます。
スクリプト：純粋なテキストJavaScriptコードを返します。結果は自動キャッシュされません。cacheパラメータが設定されていない限り。注意リモート要求時（同じドメインではない）には、すべてのpost要求がget要求に変わります。
JSONデータを返します。
JSONP形式です。SONP形式で関数を呼び出す場合、例えばmurl？calback=？JQueryは自動的に後の「？」に置き換えられます。正しい関数名で、コールバック関数を実行します。
テキスト文字列を返します。
8.beforeSend：
Functionタイプのパラメータが要求されます。要求を送信する前に、XMLHttpRequestオブジェクトの関数を変更することができます。例えば、カスタムHTTPヘッダを追加します。beforeSendでfalseに戻ると、今回のajax要求はキャンセルされます。XMLHttpRequestオブジェクトは唯一のパラメータです。

function(XMLHttpRequest){
this; //    ajax      options  
}

9.complettee：
Functionタイプのパラメータが必要で、完了後に呼び出すコールバック関数（成功または失敗を要求した場合は呼び出します）が要求されます。パラメータ：XMLHttpRequestオブジェクトと成功要求タイプを記述する文字列。

function(XMLHttpRequest, textStatus){
this; //    ajax      options  
}

10.success：
Functionタイプのパラメータが要求されます。成功後に呼び出すコールバック関数には、2つのパラメータがあります。
（1）サーバから戻り、dataTypeパラメータに従って処理後のデータを行います。
（2）状態を表す文字列。

function(data, textStatus){
//data   xmlDoc、jsonObj、html、text  
this; //    ajax      options  
}

11 error:
Functionタイプのパラメータが要求されます。要求が失敗したときに呼び出す関数です。この関数は、XMLHttpRequestオブジェクト、エラー情報、キャプチャされたエラーオブジェクトの3つのパラメータがあります。ajaxイベントの関数は以下の通りです。

function(XMLHttpRequest, textStatus, errorThrown){
//     textStatus errorThrown          
this; //    ajax      options  
}

12 contentType：
要求されるのはStringタイプのパラメータであり、情報をサーバに送信する場合、コンテンツ符号化タイプはデフォルトでは「aplication/x-wn-form-urlencoded」となります。このデフォルトはほとんどのアプリケーションに適しています。
13.data Filter：
Functionタイプのパラメータが必要で、Ajaxに返された元データを前処理する関数です。dataとtypeの二つのパラメータを提供します。dataはAjaxが元のデータを返します。typeはjQuery.ajaxを呼び出した時に提供されるdata Typeパラメータです。関数が返した値はjQueryでさらに処理されます。

function(data, type){
//        
return data;
}

14.data Filter：
Functionタイプのパラメータが必要で、Ajaxに返された元データを前処理する関数です。dataとtypeの二つのパラメータを提供します。dataはAjaxが元のデータを返します。typeはjQuery.ajaxを呼び出した時に提供されるdata Typeパラメータです。関数が返した値はjQueryでさらに処理されます。

function(data, type){
//        
return data;
}

15 global：
Booleanタイプのパラメータを要求します。デフォルトはtrueです。グローバルajaxイベントをトリガするかどうかを表します。falseに設定するとグローバルajaxイベントが発生しません。ajaxStartまたはajax Stopは様々なajaxイベントを制御するために使用できます。
16.ifModified：
Booleanタイプのパラメータを要求します。デフォルトはfalseです。サーバデータの変更時のみ新しいデータを取得します。サーバーのデータ変更の判断の根拠は、Last-Maodifiedヘッダ情報です。デフォルトの値はfalseで、ヘッダ情報を無視します。
17.json:
Steringタイプのパラメータが要求されています。jsonp要求では、コールバック関数の名前を書き換えます。この値は「calback=？」に代わるものです。このGETやPOST要求のURLパラメータにある「calback」の部分、例えば「json:on Json PLoad」は「onJson PLoad=？」サーバに転送します。
18 username:
Stringタイプのパラメータが要求され、HTTPアクセス認証要求に応答するユーザ名。
19.password：
Stringタイプのパラメータが要求され、HTTPアクセス認証要求のパスワードに応答する。
20.1 processData：
Booleanタイプのパラメータを要求します。デフォルトはtrueです。デフォルトでは、送信されたデータは対象に変換され（技術的には文字列ではない）、デフォルトのコンテンツタイプ「appication/x-wn-form-urlencoded」に対応します。DOMツリー情報または他の変換したくない情報を送信する場合は、falseに設定してください。
21.1 script Charrset：
要求されるのはStringタイプのパラメータであり、要求時にはdataTypeが「jsonip」または「script」であり、typeがGETである場合にのみ、強制的に文字セットを変更するために使用されます。通常はローカルとリモートのコンテンツコードが異なる場合に使用されます。
ケースコード:

$(function(){
$('#send').click(function(){
$.ajax({
type: "GET",
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
$('#resText').empty(); //  resText       
var html = ''; 
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html);
}
});
});
});

以上述べたのは小编が皆さんに绍介したのです。ajax（）の常用方法は详しく解说して、皆さんに助けてほしいです。ここでも私たちのサイトを応援してくれてありがとうございます。