JSONP(Json with padding)

最新推荐文章于 2022-12-26 19:58:49 发布

转载最新推荐文章于 2022-12-26 19:58:49 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiangshichao/p/7532915.html

文章标签：

#json #javascript #ViewUI

本文介绍了JSONP这种非官方的跨域数据交互协议的工作原理及其应用实例。通过利用script标签不受跨域限制的特点，实现跨域数据传输。并演示了如何使用jQuery发起JSONP请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSONP:一种非官方跨域数据交互协议

JSONP怎么产生的

JSONP的原理

看上面的来源加以理解

上面说过了，script是不受跨域影响的

那么我们可以在我们代码中引用B服务器的文件

1 <script type="text/javascript" src="http://demo.com/jsonp/demoResult.aspx?callback=jsonpCallback"></script>

在B服务器端demoResult.aspx会根据我们传的callback参数jsonpCallback自动返回数据

//怎么个意思呢，将处理完的json放入
jsonpCallback（json）;

在我们A端，有一个创建一个函数

1 function jsonpCallback（data）{
2     ................
3 }；

那么，当B服务器返回jsonpCallback（json）;的时候不就正好调用了A端的jsonpCallback函数吗，数据也从B服务器传到A了

样例

jQuery支持JSONP协议

下面是其中的一种方式

 1 $.ajax({
 2     type:"get",
 3     async : false,
 4     url:"http://demo.com/jsonp/demoResult.aspx?profileId=0001",
 5     dataType :"jsonp",
 6     jsonp:"callback",
 7     jsonpCallback:"demoHandler",
 8     success:function (json) {
 9         alert(json);
10     },
11     error:function () {
12         alert("Fail!");
13     }
14 })