ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery_jquery の $.ajax() メソッド パラメータの詳細な説明と適用

JQuery_jquery の $.ajax() メソッド パラメータの詳細な説明と適用

WBOY
リリース: 2016-05-16 17:09:20
オリジナル
899 人が閲覧しました

url: リクエストの送信先アドレスである文字列型のパラメータ (デフォルトは現在のページ アドレス) が必要です。

type: パラメーターは String 型である必要があります。リクエスト メソッド (post または get) のデフォルトは get です。 put や

delete などの他の http リクエスト メソッドも使用できますが、一部のブラウザでのみサポートされていることに注意してください。

timeout: 要件は数値型パラメーターで、リクエストのタイムアウト (ミリ秒) を設定します。この設定は、$.ajaxSetup() メソッドのグローバル設定

をオーバーライドします。

async: 要件はブール型パラメーターです。デフォルト設定はすべて非同期リクエストです。

同期リクエストを送信する必要がある場合は、このオプションを false に設定します。同期リクエストはブラウザをロックするため、他のユーザー操作は実行する前にリクエストが完了するまで

待つ必要があることに注意してください。

cache: ブール型のパラメータが必要です。デフォルトは true (dataType が script の場合、デフォルトは false) です。

false に設定すると、ブラウザのキャッシュからリクエスト情報が読み込まれません。

data: サーバーに送信されるデータ、オブジェクト型または文字列型のパラメーターが必要です。文字列でない場合は、自動的に文字列形式

に変換されます。取得リクエストは URL に追加されます。この自動変換を防ぐには、processData オプションをチェックします。オブジェクトはキー/値形式

である必要があります。たとえば、{foo1:"bar1",foo2:"bar2"} は &foo1=bar1&foo2=bar2 に変換されます。配列の場合、JQuery は異なる

値に同じ名前を自動的に割り当てます。たとえば、{foo:["bar1","bar2"]} は &foo=bar1&foo=bar2 に変換されます。

dataType: パラメーターは文字列型である必要があり、サーバーによって返されることが予期されるデータ型です。指定しない場合、JQuery は http パッケージの mime

情報に基づいて、responseXML または responseText を自動的に返し、それをコールバック関数のパラメーターとして渡します。

使用可能な型は次のとおりです。

xml: JQuery で処理できる XML ドキュメントを返します。

html: プレーン テキストの HTML 情報を返します。含まれているスクリプト タグは、DOM に挿入されたときに実行されます。

script: プレーンテキストの JavaScript コードを返します。結果は自動的にキャッシュされません。キャッシュパラメータが設定されていない限り。

をリモートで (同じドメインの下ではなく) リクエストする場合、すべての post リクエストが get リクエストに変換されることに注意してください。

json: JSON データを返します。

jsonp: JSONP 形式。 myurl?callback=? などの SONP フォームを使用して関数を呼び出すと、JQuery は最後の

「?」を自動的に正しい関数名に置き換えてコールバック関数を実行します。

text: プレーンテキスト文字列を返します。

beforeSend: パラメーターは Function タイプである必要があります。カスタム

HTTP ヘッダーを追加するなど、リクエストを送信する前に XMLHttpRequest オブジェクトの関数を変更できます。 beforeSend で false が返された場合、この ajax リクエストはキャンセルできます。 XMLHttpRequest オブジェクトは唯一のパラメータ

です。

function(XMLHttpRequest){

this; //この ajax リクエストを呼び出すときに渡されるオプション パラメーター

}

complete: Function タイプである必要がありますパラメータ、リクエストの完了後に呼び出されるコールバック関数(リクエストが成功または失敗したときに呼び出されます)。

パラメータ: XMLHttpRequest オブジェクトと、成功したリクエストの種類を説明する文字列。

function(XMLHttpRequest, textStatus){

this; //この ajax リクエストを呼び出すときに渡されるオプション パラメーター

}

success: 要件は関数タイプのパラメーター (リクエストが成功した後に呼び出されるコールバック関数) には 2 つのパラメーターがあります。

(1) サーバーから返され、dataType パラメーターに従って処理されたデータ。

(2) ステータスを説明する文字列。

function(data, textStatus){

//data は xmlDoc、jsonObj、html、text などです。

//この ajax リクエストを呼び出すときに渡されます。オプション パラメーター

error: には、リクエストが失敗したときに呼び出される関数である Function タイプのパラメーターが必要です。この関数には、XMLHttpRequest オブジェクト、エラー

エラー メッセージ、キャプチャされたエラー オブジェクト (オプション) の 3 つのパラメーターがあります。

ajax イベント関数は次のとおりです:

function(XMLHttpRequest, textStatus, errorThrown){

//通常は textStatus と errorThrown のどちらか 1 つだけが情報を含みます

this; //この ajax リクエストを呼び出すときに渡されるオプション パラメーター

}

contentType: サーバーに情報を送信する場合、コンテンツ エンコード タイプのデフォルトは
です。 >
は「application/x-www-form-urlencoded」です。このデフォルト値は、ほとんどのアプリケーションに適しています。

dataFilter: Function タイプのパラメーターが必要です。これは、Ajax によって返された元のデータを前処理する関数です。

データとタイプの 2 つのパラメーターを指定します。 data は Ajax によって返される元のデータで、type は jQuery.ajax を呼び出すときに指定される

dataType パラメーターです。関数によって返された値は、jQuery によってさらに処理されます。

function(data, type){

//処理されたデータを返します

return data;

}

global: パラメータが必要ですブール型で、デフォルトは true です。グローバル ajax イベントをトリガーするかどうかを示します。 false に設定すると、グローバル

ajax イベントはトリガーされません。ajaxStart または ajaxStop を使用してさまざまな ajax イベントを制御できます。

ifModified: ブール型パラメータが必要です。デフォルトは false です。サーバー データが変更された場合にのみ新しいデータを取得します。

サーバーデータの変更を判断する基準となるのは、Last-Modified ヘッダー情報です。デフォルト値は false で、ヘッダー情報が無視されることを意味します。

jsonp: パラメーターは String 型である必要があり、コールバック関数の名前は jsonp リクエストで書き換えられます。

This value is used to replace the "callback" part of the URL parameter in a GET or POST request such as "callback=?". For example,

{jsonp:'onJsonPLoad'} will cause "onJsonPLoad=?" is passed to the server.

username: requires a parameter of String type, used to respond to the username of the HTTP access authentication request.

password: requires a String type parameter, which is the password used to respond to the HTTP access authentication request.

processData: requires a Boolean type parameter, the default is true. By default, the data sent will be converted to an object (technically

not a string) to match the default content type "application/x-www-form-urlencoded". If you want to send DOM

tree information or other information that you do not want to convert, please set it to false.

scriptCharset: requires a parameter of String type. Only when the dataType is "jsonp" or "script" during the request, and the type is GET,

will be used to force the modification of the character set (charset ). Usually used when the local and remote content encodings are different.



Case code:

Copy code The code is as follows:

$(function(){

$('#send').click(function(){

$.ajax({

type: "GET ",

url: "test.json",

data: {username:$("#username").val(), content:$("#content").val ()},

dataType: "json",

success: function(data){

$('#resText').empty(); // Clear All content in resText

var html = '';

$.each(data, function(commentIndex, comment){

html = '
' comment['username']

':


'

';

});

$('#resText').html(html);

}

});

});

});

By the way, the $.each() function:

The $.each() function is different from the each() method of the JQuery object. It is a global function that does not operate the JQuery object. Instead, it takes an array or object as the first parameter and a callback function as the second parameter. The callback function has two parameters: the first is the member of the object or the index of the array, and the second is the corresponding variable or content.
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート