ホームページ > ウェブフロントエンド > jsチュートリアル > Ajax のいくつかの小さな問題について話し合う

Ajax のいくつかの小さな問題について話し合う

亚连
リリース: 2018-05-24 10:19:57
オリジナル
1453 人が閲覧しました

Ajax を使用すると、よくさまざまな問題が発生します。今日は、より実用的な Ajax の小さな問題をいくつか紹介します。興味のある方は参考にしてください。Ajax のクロスドメイン転送値は 1 です。戻り値の型は jsonp

$.ajax({
url: "http://.......",
type: 'GET',
dataType: 'JSONP',//js跨域传值
success: function (data) {
}
});
ログイン後にコピー
dataTypeType: String

サーバーから返される予期されるデータ型。指定しない場合、jQuery は HTTP パッケージの MIME 情報に基づいて自動的にインテリジェントな判断を行います。たとえば、XML の MIME タイプは XML として認識されます。 1.4 では、JSON が JavaScript オブジェクトを生成し、script がスクリプトを実行します。次に、サーバーから返されたデータは

の値に従って解析され、コールバック関数に渡されます。使用可能な値:

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

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

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

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

「jsonp」: JSONP形式。 「myurl?callback=?」などの JSONP 形式を使用して関数を呼び出す場合、jQuery はコールバック関数を実行するために ? を正しい関数名に自動的に置き換えます。

2. php

$(function(){
var my_data="前台变量";
my_data=escape(my_data)+"";//编码,防止汉字乱码
$.ajax({
url: "ajax_php.php",
type: "POST",
data:{trans_data:my_data},
//dataType: "json",
error: function(){
alert('Error loading XML document');
},
success: function(data,status){//如果调用php成功
alert(unescape(data));//解码,显示汉字
}
});
});
ログイン後にコピー
php code

3.php jsonデータ変換処理

json_decode( string $json [, bool $assoc ] ); //JSON 形式の文字列を受け入れ、PHP 変数に変換しますjson_decode($data,true);json デコードされる JSON 文字列形式の文字列。 assoc このパラメータが TRUE の場合、オブジェクトの代わりに配列が返されます。

json_encode (mixed $value [, int $options = 0 ] ) は、JSON 形式の value
json_encode($a) を返します

上記は私があなたのためにコンパイルしたものです。将来役立つことを願っています。 。

関連記事:

IE8/IE9でのAjaxキャッシュ問題

Ajaxアクセス時にIE8が毎回更新できない問題

IE8でのAjaxキャッシュ問題とその解決策

以上がAjax のいくつかの小さな問題について話し合うの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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