jquery中ajax跨域方法執行個體分析_jquery

本文執行個體分析了jquery中ajax跨域。分享給大家供大家參考，具體如下：

JSONP是一個非官方的協議，它允許在伺服器端整合Script tags返回至用戶端，通過javascript callback的形式實現跨域訪問

方法一： 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.')';?>

二jsonp之$.ajax

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程式設計有所協助。