JQUERY实现跨域数据读取

阅读量：

JSONP（即JSON with Padding）是JSON的一种特定应用形式，能够使网页从其他域名的服务器获取数据，从而实现跨域数据读取的功能。

为何在访问不同域名的数据时需要采用这种特殊的技术（JSONP）呢？这主要归因于同源策略的限制。

同源策略是由Netscape公司提出的一种广为人知的安全机制，目前所有支持JavaScript的浏览器均会遵循这一策略。

JSONP的应用场景

1. 服务端提供的JSONP格式数据

例如，当用户希望访问以下内容时：

复制代码

假定用户希望接收到的数据格式为JSON：

复制代码

实际传输至客户端的数据显示为:

复制代码

服务端文件jsonp.php的代码内容如下所示：

复制代码

2. 客户端需完成 callbackFunction 函数的实现

复制代码

界面呈现

复制代码

客户端页面完整代码实现方案

复制代码

jQuery 调用 JSONP 接口

以下代码展示了通过 jQuery 实现 JSONP 的具体示例：

复制代码

全部评论 (0)

还没有任何评论哟~