jquery ajaxのdatatype属性オプション値を理解する

亚连
リリース: 2018-05-24 15:20:38
オリジナル
3005 人が閲覧しました

jquery の ajax の dataType 属性は、サーバーによって返されるデータ型を指定するために使用されます。指定されていない場合、jQuery は、datatype オプションが入力されていない場合、返されるデータに基づいて自動的にインテリジェントな判断を行います。文字列として扱われます。

jquery の ajax の dataType 属性は、サーバーによって返されるデータ型を指定するために使用されます。指定されていない場合、jQuery は HTTP パケットの MIME 情報に基づいて自動的に判断します。datatype オプションが入力されていない場合は、返されるデータ型が返されます。データは文字列として扱われます。

1. Ajax 構文

jQuery.ajax([settings])

パラメータの説明

settings: Ajax リクエストを構成するために使用されるキーと値のペアのコレクション。オプションのデフォルト値は、$.ajaxSetup() を介して設定できます。

2. ajax

1のdatatypeオプションの値: jQueryで処理できるXMLドキュメントを返します。

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

3. "script":: プレーンテキストの JavaScript コードを返します。 「cache」パラメータが設定されていない限り、結果は自動的にキャッシュされません。注: リモート要求 (同じドメインの下ではない) を行う場合、すべての POST 要求は GET 要求に変換されます。 (読み込みにDOMスクリプトタグを使用するため)

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

5.「jsonp」: JSONP形式。 「myurl?callback=?」などの JSONP 形式を使用して関数を呼び出すと、jQuery は ? を正しい関数名に置き換えて、同じドメインの異なるセカンダリ ドメイン名でのクロスドメイン リクエストによく使用されます。プライマリドメイン名。

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

以下はjquery ajaxのデータ型関連の問題です

データ型がhtmlに設定されている場合はプレーンテキストのみを返しますが、xmlに設定されている場合はxmlを返します。 documentオブジェクトは、
例えば以下のxmlを返します

< xml version="1.0" encoding="utf-8" >
<documentElement>
<table>
<provinceID>110000</provinceID>
<province>北京市</province>
<provinceID>120000</provinceID>
<province>天津市</province>
</table>
</documentElement>
ログイン後にコピー

これはXMLDocumentなどで操作する必要があり、ブラウザも考慮する必要があります
簡単な例を挙げると、実はjquery自体もxmlを解析できます

$.ajax({
type: "Get",
dataType: "xml",
url: "test.xml",
success: function(datas){
$("province",datas).each(function(i){ 
alert($($("provinceID",datas)[i]).text() + "_" + $(this).text());
});
}
});
ログイン後にコピー

。 test.xml の内容は上記の xml であるため、 datas は返された xml ドキュメント オブジェクトです。lz は自分で試すことができます

実際、相対的に言えば、私は datatype: "json" を使用することを好みます。json データを使用する方が便利です。 JavaScript を解析するための

上記は私が皆さんのためにまとめたものです。将来的に皆さんのお役に立てれば幸いです。

関連記事:

Jquery ajax技術をベースにN秒ごとに特定のページへの値の転送を実装

Jquery.historyをベースにajaxの前方・後方問題を解く

問題の解決方法Ajax リクエストセッションの失敗

以上がjquery ajaxのdatatype属性オプション値を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート