PHP JSONP跨域實現程序詳解

2024-05-04 21:48:05

字體：大中小

來源：轉載

供稿：網友

在網站開發中跨域是一個頭痛的事情,我經常要需要解決各種跨域問題,今天我來介紹在php中利用JSONP跨域實現方法,各位J友可參考參考,先看一個實例,代碼如下:

$("#btn").click(function(k) {

    //...

    var j = form.serializeArray();//序列化name/value

    $.ajax({

        url: "另一個域名/test.php",

        dataType: 'jsonp',

        data: j,

        jsonp: 'jsonp_callback',

        success: function(json) { //返回的json數據

           json = json || {};

            if (json.msg=='err'){

                alert(json.info);

            }else if (json.msg=="ok"){

                alert('提交成功');

            }else{

                alert('提交失敗');

            }

        },

        timeout: 3000

    })

    //...

});

php部分代碼如下:

$jsonp_callback=$_GET['jsonp_callback'];

//...

//如果正確

echo $jsonp_callback,'({"msg":"ok"})';

//如果錯誤

echo $jsonp_callback,'({"msg":"err","info":"因人品問題，發送失敗"})';

//...值得注意的是采用jsonp 方式,beforeSend / error 都不能用了，所以beforeSend里面用js實現的驗證只能用ajax在服務器端test.php上面驗證了。

域名下面有這么個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回調函數名的參數名(一般默認為:callback)

             jsonpCallback:“flightHandler“,//自定義的jsonp回調函數名稱，默認為jQuery自動生成的隨機函數名，也可以寫“?“，jQuery會自動為你處理數據

             success: function(json){

                 alert('您查詢到航班信息：票價： ' + json.price + ' 元，余票： ' + json.tickets + ' 張。回調函數名為: '+json.func);

             },

             error: function(){

                 alert(“fail“);

             }

         });

     });

     </script>

     </head>

  <body>

  </body>

</html>

注意,要真正運行上面的代碼可能需要jquery的文件,你可以將如下代碼:

改為你目錄中jquery的文件路徑,代碼如下:

然后,你可以再找個另外一個域名的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;