微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

jsonp

分类：Json作者：佚名

jsonp

编辑
JSONP(JSON with Padding)是 JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScript 直译器执行而不是用 JSON 解析器解析。
中文名
jsonp
外文名
JSON with Padding
模式
使用
串，
这段返回的

目录

  1. 1使用
  2. 2体现

使用

编辑
1. 在客户端调用提供JSONP支持的URL Service，获取JSONP格式数据。
比如客户想访问http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction
假设客户期望返回JSON数据：["customername1","customername2"]
那么真正返回到客户端的Script Tags: callbackFunction([“customername1","customername2"])
可能的调用方式：
1
<scripttype= "text/javascript" src= "http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction" ></script>
2. 在客户端写callbackFunction函数的实现
1
2
3
4
5
6
7
8
9
10
11
12
>
function CustomerLoaded(result,methodName)
{
var html= '<ul>' ;
for ( i=0;i<result.length;i++)
{
html+= '<li>' +result[i]+ '</li>' ;
}
'</ul>' ;
document.getElementById( 'divCustomers' ).innerHTML=html;
}
</script>
3. 页面展示
< div id = "divCustomers" ></ div >
4. 最终Page Code
12
13
14
15
16
17
18
19
20
21
<!DOCTYPEhtmlPUBLIC "-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<htmlxmlns= "http://www.w3.org/1999/xhtml" >
<head>
<title>TopCustomers with Callback</title>
</head>
<body>
<divid= "divCustomers" >
</div>
>
onCustomerLoaded(result,methodName){
;
i=0;i<result.length;i++){
;
}
;
).innerHTML=html;
}
</script>
"http://www.yiwuku.com/myService.aspx?jsonp=onCustomerLoaded" ></script>
</body>
</html>
体现 JQuery下：
  1. $.getJSON
11
<script>
$(document).ready( (){
$.getJSON( "http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?" ,
(data){
$.each(data.items,
(i,item){
$( "<img/>" ).attr( "src" "#images" );
if (i==3)returnfalse;
});
});
});
jsoncallback=?，其中 '？ '会自动替换为function(data)函数。
2. $.ajax
9
$.ajax({
dataType: 'jsonp' data: 'id=10' jsonp: 'jsonp_callback' url: 'http://www.yiwuku.com/getdata' success: (){
//dostuff
},
如何在服务器端实现对JSONP支持
这仅仅需要把服务的JSON数据转换成想要的script tags的形式就可以了，格式可以自已定义，毕竟这是个非官方的协议。
可参考：Implement JSONP in your Asp.net Application
注：Callback仅仅是JSONP的简单实现，可以根据具体需要实现更复杂的功能，比如可以在客户端动态集成更多的变量数据来完成 分页功能。
Java:
return request.getParameter("jsonpcallback")+"("+JsonString+")";
返回内容像：jsonp1382016430883([{"id":1,"title":"XXXX"},{"id":2,"title":"YYYYY"}])

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

ajax怎么解析一段json
AJAX是一种基于JavaScript和XML的技术，能够使网页实现异步交互，节省带宽和时间，提高用户体验。在使用AJAX时，需要通过解析JSON格式的数据，来获取所需要的数据。
ajax怎么把json拿出来
在网页开发中，我们常常需要通过Ajax从后端获取数据并在页面中展示出来。其中，JSON是一种常用的数据格式。那么，在使用Ajax获取JSON数据后，如何将数据取出来呢？
ajax怎么循环json对象数组
在前端开发中，经常需要循环JSON对象数组进行数据操作。使用AJAX技术可以在不刷新页面的情况下异步获取数据。那么我们该如何循环JSON对象数组呢？下面我们通过一段代码来进行讲解。
ajax怎么从c 后台读取json
AJAX（Asynchronous JavaScript and XML）是一种用于创建 Web 应用程序的技术，它使用 JavaScript 和 XML（或 JSON）来在后台异步传输数据。
ajax怎么传递json数据
AJAX技术被广泛应用于现代Web开发，它可以在无需重新加载页面的情况下，向服务器发出请求并更新页面，实现了异步更新的效果。而传递JSON数据是AJAX中比较常见的一种方法，下面是如何使用AJAX传递JSON数据的详细介绍。
ajax怎么删除json数据库
Ajax是一种通过JavaScript和HTTP请求交互的技术，可以实现无需刷新页面的异步数据交互。在处理数据时，常常需要删除一些已存在的数据。本文将介绍如何使用Ajax删除JSON数据库中的数据。
ajax怎么写json数据
在使用Ajax时，我们经常需要将数据格式化为JSON格式。JSON是一种轻量级数据交换格式，它以键值对的形式来表达数据。
ajax如何使用json数据格式化
AJAX是一种支持异步请求的技术，它可以让前端页面不用刷新就能向后台请求数据，并异步地展示给用户，提高了用户的体验感。其中，使用JSON格式化数据可以帮助我们更方便快捷地处理返回的数据。
ajax怎么传送json数据
AJAX是一种前端技术，可以通过异步请求来获取数据，并在页面上更新它们。JSON是一种轻量级的数据交换格式，因为它易于读取和编写，因此在Web应用程序中被广泛使用。AJAX传送JSON数据是一种常见的技术，可以让Web应用
ajax循遍历多个json
在前端开发中，ajax是很常见的技术，它可以在不刷新整个页面的情况下请求服务器数据和更新部分页面。而当需要遍历多个json文件时，可以使用ajax循环遍历来实现。
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot