ajax 属性とは何ですか? ajax 属性の詳細な紹介 (サンプルを添付)

この記事では主に ajax の属性の紹介について説明します Ajax の一般的に使用される属性と一般的ではない属性のほとんどが含まれています。学びたい場合は、この記事をすぐに読んでください

ajax メソッドの合計パラメーター。 jqueryで覚えていないのでここに記録しておきます。

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

2.type:
String 型のパラメーターが必要で、リクエスト メソッド (post または get) のデフォルトは get です。 put や delete などの他の http リクエスト メソッドも使用できますが、一部のブラウザでのみサポートされていることに注意してください。

3.timeout:
リクエストのタイムアウト (ミリ秒) を設定するには、タイプ Number のパラメーターが必要です。この設定は、$.ajaxSetup() メソッドのグローバル設定をオーバーライドします。

4.async:
ブール型パラメータが必要です。デフォルト設定は true で、すべてのリクエストは非同期リクエストです。同期リクエストを送信する必要がある場合は、このオプションを false に設定します。同期リクエストはブラウザをロックするため、ユーザーはリクエストが完了するまで他の操作を実行する必要があることに注意してください。

5.cache:
ブール型パラメータが必要です。デフォルトは true (dataType が script の場合、デフォルトは false)、false に設定すると、ブラウザのキャッシュからリクエスト情報はロードされません。

6.data:
サーバーに送信されるデータであるオブジェクト型または文字列型のパラメータが必要です。文字列でない場合は、自動的に文字列形式に変換されます。取得リクエストは URL に追加されます。この自動変換を防ぐには、processData オプションを表示します。オブジェクトはキー/値形式である必要があります。たとえば、{foo1:"bar1",foo2:"bar2"} は &foo1=bar1&foo2=bar2 に変換されます。配列の場合、JQuery は異なる値に同じ名前を自動的に割り当てます。たとえば、{foo:["bar1","bar2"]} は &foo=bar1&foo=bar2 に変換されます。

7.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: プレーンテキスト文字列を返します。

8.beforeSend:
Function タイプのパラメーターが必要です。カスタム HTTP ヘッダーの追加など、リクエストを送信する前に XMLHttpRequest オブジェクトの関数を変更できます。 beforeSend で false が返された場合、この ajax リクエストはキャンセルできます。 XMLHttpRequest オブジェクトが唯一のパラメータです。
毎回呼び出されます。パラメータ: XMLHttpRequest オブジェクトと、成功したリクエストの種類を説明する文字列。 On Function (XMLHTTPREQUEST, TextStatus) {
this; // Ajax リクエスト中に渡されたオプション パラメータを呼び出します
}
10.success
: ファンドの関数のパラメータのリクエスト、コールバック関数は、リクエストのパラメータは 2 つです。
(1) サーバーから返され、dataType パラメーターに従って処理されたデータ。状態 (2) 状態の文字列を記述します。
関数（data、textStatus）{Requestこれは関数タイプのパラメーターであり、リクエストが失敗したときに呼び出されます。この関数には、XMLHttpRequest オブジェクト、エラー メッセージ、キャプチャされたエラー オブジェクト (オプション) という 3 つのパラメータがあります。 ajax イベント関数は次のとおりです。
function(XMLHttpRequest, textStatus, errorThrown){

通常、textStatus と errorThrown のどちらか一方のみに情報が含まれます

12 .contentType: に情報を送信する場合、
は String 型パラメーターである必要があります。サーバーの場合、コンテンツのエンコーディング タイプはデフォルトで「application/x-www-form-urlencoded」になります。このデフォルト値は、ほとんどのアプリケーションに適しています。

送信されるデータ形式が json の場合、設定されるエンコーディング タイプは次のとおりです: "
application/json; charset=utf-8"

13.dataFilter: 生の前処理のために Ajax 関数によって返される関数型パラメータが必要ですデータ。データとタイプの 2 つのパラメータを指定します。 data は Ajax によって返される元のデータで、type は jQuery.ajax を呼び出すときに指定される dataType パラメーターです。関数によって返された値は、jQuery によってさらに処理されます。
関数（データ、タイプ）{
;

14.dataFilter:
Ajax から返された元のデータを前処理する関数である Function タイプのパラメーターが必要です。データとタイプの 2 つのパラメータを指定します。 data は Ajax によって返される元のデータで、type は jQuery.ajax を呼び出すときに指定される dataType パラメーターです。関数によって返された値は、jQuery によってさらに処理されます。 true。グローバル ajax イベントをトリガーするかどうかを示します。 false に設定すると、グローバル ajax イベントはトリガーされません。ajaxStart または ajaxStop を使用して、さまざまな ajax イベントを制御できます。


16.ifModified
:

はブール型パラメーターである必要があり、デフォルトは false です。サーバー データが変更された場合にのみ新しいデータを取得します。サーバー データの変更を判断するための基礎は、Last-Modified ヘッダー情報です。デフォルト値は false で、ヘッダー情報が無視されることを意味します。

17.jsonp
:

は String 型のパラメーターを必要とし、jsonp リクエスト内のコールバック関数の名前を書き換えます。この値は、「callback=?」などの GET または POST リクエストの URL パラメーターの「callback」部分を置換するために使用されます。たとえば、{jsonp:'onJsonPLoad'} は「onJsonPLoad=?」に渡されます。サーバー。

18.username
:

は、HTTPアクセス認証リクエストのユーザー名に応答するために使用される文字列型パラメータである必要があります。

19.password
:

は、HTTPアクセス認証リクエストに応答するために使用されるパスワードである文字列型パラメータである必要があります。

20.processData
:

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

21.scriptCharset
:

は String 型パラメータである必要があります。これは、リクエスト中に dataType が「jsonp」または「script」である場合にのみ文字セット (charset) を強制的に変更するために使用されます。タイプはGETです。通常、ローカルとリモートのコンテンツのエンコーディングが異なる場合に使用されます。

(さらに詳しく知りたい場合は、PHP 中国語 Web サイトAJAX 開発マニュアル のコラムにアクセスして学習してください)

ケース コード:

$(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 += '<p class="comment"><h6>' + comment['username']                                         + ':</h6><p class="para"&#39; + comment[&#39;content&#39;]                                         + &#39;</p></p>';
                         });
                         $('#resText').html(html);
                      }
         });
    });
});

22 ちなみに、$.each() 関数:。 $.each() 関数 JQuery オブジェクトの each() メソッドとは異なり、JQuery オブジェクトを操作しないグローバル関数であり、最初のパラメータとして配列またはオブジェクトを受け取り、2 番目のパラメータとしてコールバック関数を受け取ります。パラメータ。コールバック関数には 2 つのパラメータがあります。1 つ目はオブジェクトのメンバーまたは配列のインデックスで、2 つ目は対応する変数またはコンテンツです。 $.each() の例は次のとおりです。 ) Jquery オブジェクトのメソッドは次のとおりです:

var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},
{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}]';
 
$.each(json, function(idx, obj) {
    alert(obj.tagName);
});

備考: function(index,element)

• index - セレクターのインデックス位置

• element - 現在の要素 (「this」セレクターを使用することもできます)

この記事はここで終了です (もっと見たいPHP 中国語 Web サイトAJAX ユーザーマニュアル のコラムを参照してください)。ご質問がある場合は、以下にメッセージを残してください。

以上がajax 属性とは何ですか? ajax 属性の詳細な紹介 (サンプルを添付)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。