php_PHP チュートリアルの jsonp のクロスドメイン例の簡単な分析

www.test.com というドメイン名の下に、このような HTML ファイル testjsonp.html ができました:

コードをコピーします コードは次のとおりです:

& lt; script type = "text/javascript" & gt;
jquery (documery).READY (function () {
$ .ajax ({
type: "get",
async: false,
// url: "h:" h: "h:" h TTP: //test/jsonp.php",
url: "http ://mytaabao.com/jsonp.php",
dataType: "jsonp",
jsonp: "callback", // リクエスト ハンドラーまたは page に渡され、jsonp コールバック関数名 (通常はデフォルトは: callback) jsonpCallback: "flightHandler", // カスタマイズされた jsonp コールバック関数名、デフォルトは jQuery によって自動的に生成されるランダムな関数名です。「?」と書くこともできます。jQuery は自動的にデータを処理します
成功: function(json){
alert('フライト情報が見つかりました: 料金: ' + json.price + ' 元、残りのチケット: ' + json.tickets + ' Zhang 。コールバック関数の名前は '+json.func) ;
エラー: function(){
});

< /head>




上記のコードでは jquery ファイルが必要になる場合があります。 の jquery ファイル パスに変更できます。あなたのディレクトリ:
例:
次に、別のドメイン名の Web ディレクトリを見つけて、ファイルをコピーします。 jsonp.php:

コードは次のとおりです:

$ callback = $_GET["callback"];$a = array( 'code'=>'CA1998 ', 'price'=>'6000',

'tickets'=>20,

'func '=>$callback,
);
$result = json_encode($a);
echo "flightHandler( $result)";
exit;


このディレクトリの下に置きます。このようにしてテストすることができます。
効果を確認するには、ブラウザで testjsonp.html に直接アクセスしてください。

http://www.bkjia.com/PHPjc/327778.html

www.bkjia.com
tru​​e

http://www.bkjia.com/PHPjc/327778.html技術記事これで、ドメイン名 www.test.com の下にこのような HTML ファイル testjsonp.html ができました。 次のようにコードをコピーします。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ww..