AJAXパラメータの詳細


最近のプロジェクトで使用されるAJAXをブラッシュアップするために少し時間がかかった、コンテンツを共有するすべての人のために、大胆な共通のパラメータをあるパラメータアヤックス、より体系的な理解。

URL

String型のパラメータ(このページのデフォルトアドレス)要求のアドレスの要件。

タイプ

文字列パラメータの型の要件、要求メソッド(POSTまたはGET)デフォルトは取得します。なお、このようなプットとも使用され、削除することができますが、ブラウザのサポートの一部のみなど、他のHTTPリクエストメソッド、。

タイムアウト

(ミリ秒単位)Numberパラメータの種類の要件、セット要求時間。この設定は、グローバル設定の$ .ajaxSetup()メソッドをオーバーライドします。

非同期

真の要件ブール型パラメータのデフォルトは、すべての要求が非同期リクエストされています。あなたが同期要求を送信する必要がある場合は、このオプションをfalseに設定します。操作が実行される前に同期要求がブラウザをロックすることに注意してください、ユーザーは完全に別の要求を待たなければなりません。

キャッシュ

ブール型パラメータが必要とされ、デフォルトでは、(dataTypeとスクリプト、デフォルトがfalseの場合のように)真である偽情報に設定されているブラウザのキャッシュからの要求をロードしません。

データ

オブジェクトのString型の要件やパラメータ、データがサーバーに送信されました。あなたがいない文字列を持っている場合は、自動的に文字列形式に変換されます。取得要求がURLに付加されます。この自動変換を防ぐため、あなたはPROCESSDATAオプションを表示することができます。オブジェクトの必須のキー/値の形式、例えば{foo1の "BAR1"、foo2は: "BAR2は"}&foo1の= BAR1&foo2は= BAR2に変換されます。アレイの場合、jQueryのは自動的に異なる値に同じ名前に対応します。たとえば、{FOO:[ "BAR1"、 "BAR2"]}&FOO = BAR1&FOO = BAR2に変換されます。

データ・タイプ

String型、サーバによって返された期待されるデータ型のパラメータの要件。指定されていない場合は、自動的にjQueryののresponseXMLまたはhttp responseText MIME情報パケット、およびパラメータとして渡されたコールバック関数を返します。:次のように利用可能なタイプがあり
、XML:リターンXMLドキュメント、利用できるjQueryのプロセスを。
HTML:HTMLプレーンテキスト情報を返します。DOMを挿入したときにスクリプトタグを行なうが含まれていました。
スクリプト:リターンプレーンテキストJavaScriptコード。それは結果を自動的にキャッシュされていません。キャッシュパラメータセットを除きます。リモート要求(下の同じドメインに存在しない)、すべてのポスト要求は要求を取得するために変換されていることに注意してください。
JSONは:JSONデータを返します。
JSONP:JSONP形式。このようmyurl?コールバック=?、jQueryの後に自動的に置き換えられます「?」などのフォームSONPコール機能を使用する場合は、コールバック関数を実行するための機能の正しい名前です。
テキスト:プレーンテキスト文字列を返します。

beforeSend

関数型パラメータが必要とされる、機能は、カスタムHTTPヘッダーを追加するように、リクエストXMLHttpRequestオブジェクトを送信する前に修正することができます。falseを返しますbeforeSendは、AJAX要求をキャンセルすることができます。XMLHttpRequestオブジェクトは、唯一のパラメータです。
機能(XMLHttpRequestの){
この;このAJAXリクエストを呼び出す際に渡されたパラメータ//オプション
}

コンプリート

完成したときのパラメータのタイプのための機能要件は、コールにコールバック関数を要求(リクエストが呼び出されたときに成功または失敗)。パラメータ:XMLHttpRequestのオブジェクトとタイプを説明する文字列成功要求。
機能(XMLHttpRequestを、textStatus){
この; //このAJAXリクエストを呼び出す際に渡されたパラメータオプション
}

成功

リクエストが成功したときに呼び出すパラメータの種類のための機能要件、コールバック関数は、2つのパラメータがあります。
(1)は、サーバによって返された、および実行データは、データ型のパラメータに従って処理を行います。
ストリング(2)の状態を説明しました。
機能(データ、textStatus){
//データXMLDOC、jsonObj、HTML、テキストなどであってもよい
。この;オプション//呼び出しパラメータは、ときに、このAJAXリクエストを渡します
}

エラー

関数型パラメータが必要とされる要求が失敗した場合、関数が呼び出されます。この関数は3つのパラメータ、即ち、のXMLHttpRequestオブジェクト、エラーメッセージ、エラートラッピングオブジェクト(オプション)をとります。AJAXイベント機能は以下の通りである:
機能(XMLHttpRequestを、textStatus、errorThrown){
// textStatusを、通常唯一の情報errorThrown含ま
この;オプション//呼び出しパラメータが渡されたときに、このAJAXリクエスト
}

contentTypeの

サーバへの文字列パラメータ・タイプの要件、伝送情報、タイプ「アプリケーション/ x-www-form-urlencodedで」をコードするコンテンツデフォルト。デフォルト値は、ほとんどのアプリケーションに適しています。

データ・フィルタ

機能のAjaxの前処理によって返された生データへの関数型パラメータ要件。データを提供し、2つのパラメータを入力します。Ajaxのデータは、jQuery.ajaxを呼び出すときに型データ型パラメータが提供され、生のデータが返されます。値はjQueryのさらなる処理によって返されます。
機能(データ入力){
//処理されたデータを返す
データを返します;
}

データ・フィルタ

機能のAjaxの前処理によって返された生データへの関数型パラメータ要件。データを提供し、2つのパラメータを入力します。Ajaxのデータは、jQuery.ajaxを呼び出すときに型データ型パラメータが提供され、生のデータが返されます。値はjQueryのさらなる処理によって返されます。
機能(データ入力){
//処理されたデータを返す
データを返します;
}

グローバル

Boolean型のパラメータの要件、デフォルトはtrueです。これは、世界的なAjaxのイベントをトリガするかどうかを示します。falseに設定はajaxStartまたはajaxStopは、様々なイベントを制御するために使用されるAJAX、グローバルAjaxのイベントをトリガしません。

ifModified

Boolean型のパラメータの要件、デフォルトはfalseです。場合にのみ、サーバーのデータの変更、新たなデータを取得するには。Last-Modifiedヘッダ情報に基づいてサーバーのデータ変化判定。デフォルト値は、ヘッダー情報を無視して、偽です。

JSONP

String型のパラメータ要件は、コールバック関数JSONPリクエストの名前に書き換えてください。この値は、「コールバック」セクションでURLのパラメータは、例えば{JSONP:「onJsonPLoadは」}ここでGETやPOSTリクエスト置き換えるために使用される「コールバック=?」サーバへの「?onJsonPLoad =」原因になりますが。

ユーザ名

HTTPアクセス認証リクエスト用のユーザー名に応じて、文字列パラメータの型の要件、。

パスワード

パスワード認証HTTPアクセス要求に応答して、文字列パラメータの型の要件、。

PROCESSDATA

Boolean型のパラメータの要件、デフォルトはtrueです。デフォルトでは、データ送信がデフォルトのコンテンツタイプ「アプリケーション/ x-www-form-urlencodedで」と一致する(技術的な観点から文字列でない)オブジェクトに変換されます。あなたはfalseに設定DOMツリー情報や他の望ましくない情報変換を、送信したい場合。

scriptCharset

要求がデータ型「JSONP」または「スクリプト」で、GETのみを強制的に文字セット(文字セット)を変更するために入力された文字列のみのパラメータの型の要件、。通常、ローカルとリモートの両方のコンテンツのエンコードに使用されていません。

コード

$.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);
    }
});

ここに画像を挿入説明

公開された40元の記事 ウォン称賛94 ビュー9582

おすすめ

転載: blog.csdn.net/qq_41718454/article/details/102961137