淺析php中jsonp的跨域實例

更新時間：2013年06月21日 11:43:56 作者：

本篇文章是對php中jsonp的跨域實例進行了詳細的分析介紹，需要的朋友參考下

我們現(xiàn)在www.test.com這個域名下面有這么個html文件testjsonp.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
     <title>Untitled Page</title>
      <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
      <script type="text/javascript">
     jQuery(document).ready(function(){ 
        $.ajax({
             type: "GET",
             async: false,
             //url: "http://test/jsonp.php",
             url:"http://mytaobao.com/jsonp.php",
             dataType: "jsonp",
             jsonp: "callback",//傳遞給請求處理程序或頁面的，用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(一般默認為:callback)
             jsonpCallback:"flightHandler",//自定義的jsonp回調(diào)函數(shù)名稱，默認為jQuery自動生成的隨機函數(shù)名，也可以寫"?"，jQuery會自動為你處理數(shù)據(jù)
             success: function(json){
                 alert('您查詢到航班信息：票價： ' + json.price + ' 元，余票： ' + json.tickets + ' 張?；卣{(diào)函數(shù)名為: '+json.func);
             },
             error: function(){
                 alert("fail");
             }
         });
     });
     </script>
     </head>
  <body>
  </body>
 </html>

注意，要真正運行上面的代碼可能需要jquery的文件，你可以將<script type="text/javascript" src="jquery-1.7.2.min.js"></script>改為你目錄中jquery的文件路徑：
如：<script type="text/javascript" src="js/jquery.js"></script>
然后，你可以再找個另外一個域名的web目錄，將文件jsonp.php:

復制代碼代碼如下:

<?php
$callback = $_GET["callback"];
$a = array(
 'code'=>'CA1998',
    'price'=>'6000',
    'tickets'=>20,
    'func'=>$callback,
);
$result = json_encode($a);
echo "flightHandler($result)";
exit;

放到這個目錄下面去。這樣就可以測試了。
直接在瀏覽器訪問testjsonp.html.就可以看到效果了。

您可能感興趣的文章: