好好学习

扫一扫关注

JSONP 跨域教程

下载文本     硫磺君2022-10-03 10:41:11 48640

JSONP 教程

本章节我们将向大家介绍 JSONP 的知识。

Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。

为什么我们从不同的域(网站)访问数据需要一个特殊的技术(JSONP )呢?这是因为同源策略。

同源策略,它是由Netscape提出的一个著名的安全策略,现在所有支持Javascript 的浏览器都会使用这个策略。

JSONP 应用

服务端JSONP格式数据

假设客户期望返回JSON数据:["customername1","customername2"]。

真正返回到客户端的数据显示为: callbackFunction(["customername1","customername2"])。

则服务端文件jsonp.php代码为:

客户端实现 callbackFunction 函数

页面展示

客户端页面完整代码

    JSONP 实例        

jQuery 使用 JSONP

以上代码可以使用 jQuery 代码实例:

	JSONP 实例		
 
反对 0举报 0 收藏 0 评论 0

(c)2022 haohaoxuexi.cc SYSTEM All Rights Reserved

冀ICP备17031443号-5