使用jquery跨網域存取json資料

jQuery的$.getJSON()能夠跨網域存取資料，是base在browser可以load不同網域的js檔的方式去包裝的。

<script src="http://www.example.com/test.js"></script>

範例

Client端

$.getJSON("http://www.example.com/getMessage.php?jsoncallback=?",
    function(data) {
        alert(data.message);
    });

Request發出時，jsoncallback後面的?會被取代成特定string，server回應的訊息必需包含此string才會被接受。而回傳的data會被轉成object。


Server端

$data = '{"message" : "hello world"}';
echo $_GET['jsoncallback'] . '(' . $data . ')';

參考資料

• How to access cross-domain data with AJAX using JSONP, jQuery and PHP
• XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin