Ajax に関するディスカッションと研究

今回は Ajax に関する議論と研究についてお届けします。 Ajax に関する議論と研究に関する 注意点 について、実際の事例を見てみましょう。

1. jsonp の型を返すには、Ajax クロスドメイン転送値が必要です

$.ajax({
url: "http://.......",
type: 'GET'，
dataType: 'JSONP',//js跨域传值
success: function (data) {
}
});

dataType

type: 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));//解码，显示汉字
}
});
});

$backValue=$_POST['trans_data']; echo $backValue."+后台返回";

3.php jsonデータ変換処理

json_decode ( string $json [, bool $assoc ] ) ; で値を取得するのにajaxのデモサンプルを使用します。 / /JSON 形式の string を受け入れ、PHP 変数に変換します
json_decode($data,true);

json デコードされる JSON 文字列形式の文字列。 assoc このパラメータが TRUE の場合、オブジェクトの代わりに配列が返されます。

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

この記事の事例を読んだ後は、このメソッドを習得したと思います。さらに興味深い情報については、次を参照してください。他の php 中国語 Web サイト関連の記事にも注目してください。

推奨読書:

データベース内のユーザー名とパスワードを検証するための ajax 実装

ajax ファイルのアップロード + ブラウザ互換の処理

以上がAjax に関するディスカッションと研究の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。