JSONP实现Ajax跨域访问-强哥

JSONP实现Ajax跨域访问


JSONP = JSON with padding，但JSONP和JSON不一样，它并不是一种数据格式。JSONP是一种JavaScript实现跨域cross-domain数据访问的方法。
基于same originpolicy，浏览器要求javascript/ajax只能够进行同域数据请求，该安全原因的限制使得使用开放API的数据不是非常方便。例如：Site1提供API:，输出内容为JSON格式的数据：
{"Name": "Min", "Id" : 1983,"Rank": 7}
在site2.com/test.html使用javascript代码将无法获取site1提供的API的数据，因为是跨域的。
JSONP利用HTML的


将site1.com/api/user.php的代码稍微进行修改，结果如下：

$data = '{"Name":"Min", "Id" : 1983, "Rank": 7}';

if (isset($_REQUEST['cb'])) {
print $_REQUEST['cb']."(".$data.")"; //相当于输出了jsonpCallback({"Name": "Min", "Id" :1983, "Rank": 7});
} else {
print $data;
}
?>
这样当运行site2.com/test.html的时候，代码的结果变为：

然后调用本地定义的jsonpCallback函数，输出result.Name即为Min。最终实现跨域数据访问。
因此总结JSONP的基本原理即是：在本地定义一个callback，通过