ホームページ > 記事 > ウェブフロントエンド > jquery_jquery での Ajax クロスドメイン メソッドの例の分析
この記事では、例を通じて jquery での Ajax クロスドメインを分析します。参考のために皆さんと共有してください。詳細は次のとおりです:
JSONP は、サーバー側でスクリプト タグを統合してクライアントに返すことを可能にする非公式プロトコルで、JavaScript コールバックの形式でクロスドメイン アクセスを可能にします
方法 1: jsonp の getJSON
js
var url = "http://localhost/mytest/jsonp_php.php?callback=?"; $.getJSON(url, { "age": 21, "name": "kitty" }, function (data) { alert("name:" + data.name + ", age:" + data.age); });
php
<?php $age=$_GET["age"]; $name=$_GET["name"]; $jsondata = "{age:$age, name:'$name'}"; echo $_GET['callback'].'('.$jsondata.')'; ?>
$.ajax の 2 つの jsonp
js
$.ajax({ type: 'GET', url: 'http://localhost/mytest/jsonp_php.php', dataType: "jsonp", jsonp: "callback5", jsonpCallback:"flightHandler", data: { "age": 21, "name": "kitty" }, success: function (data) { alert("name:" + data.sd + ", age:" + data.aa) } })
php
<?php $age=$_GET["age"]; $name=$_GET["name"]; $ary=array("sd"=>"sdfg","aa"=>23); $jsondata=json_encode($ary); echo $_GET['callback5'].'('.$jsondata.')'; ?>
この記事が jQuery プログラミングのすべての人に役立つことを願っています。