JSONP通過 AJAX 跨域請求擷取JSON資料

相關文章：PHP JSON資料的建立和解析程式代碼


JSONP(JSON with Padding)是一個非官方的協議，它允許在伺服器端整合Script tags返回至用戶端，通過javascript callback的形式實現跨域訪問（這僅僅是JSONP簡單的實現形式）。

用戶端html代碼：

代碼如下

複製代碼

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />    <script type="text/javascript">      function jsonpCallback(result) {          //alert(result);          for(var i in result) {              alert(i+":"+result[i]);//迴圈輸出a:1,b:2,etc.          }      }      var JSONP=document.createElement("script");      JSONP.type="text/javascript";      JSONP.src="http://crossdomain.com/services.php?callback=jsonpCallback";      document.getElementsByTagName("head")[0].appendChild(JSONP);    </script>

服務端php代碼

 

代碼如下	複製代碼
<?php        //服務端返回JSON資料    $arr=array('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);    $result=json_encode($arr);    //echo $_GET['callback'].'("Hello,World!")';    //echo $_GET['callback']."($result)";    //動態執行回呼函數    $callback=$_GET['callback'];    echo $callback."($result)";    ?>