jsonp小酌

最新推荐文章于 2024-06-21 00:21:30 发布

宋玮-深圳

最新推荐文章于 2024-06-21 00:21:30 发布

阅读量99

点赞数

分类专栏：技术点滴文章标签： jsonp json QQ Ajax JavaScript ViewUI

本文链接：https://blog.csdn.net/d8111/article/details/83767284

版权

技术点滴专栏收录该内容

52 篇文章 0 订阅

订阅专栏

先上一段js：这种类json格式的串，就是jsonP了。

data_today( {
	"goods" : [
			{
				"good_id" : "72788C000000000000723A52071D6C9B",
				"forecast_time" : "1290009600",
			},
			{
				"good_id" : "9F4EF63200000000001F3A4F0708D84C",
				"forecast_time" : "1290009600",
			} ]
});

p.s.去掉头部的"data_today("和尾部的");",中间的数据就是一个标准的json串。

那么这样的js有什么作用呢？

1,完美解决跨域问题，通过scrpit标签load到这样的js返回串.可以避免使用$get()这样的ajax请求出现跨域限制的问题。

2.支持回调, 仅仅需要在页面上定义一个叫data_tody的函数，就可以自动被执行到

下面就是示例：

<script type="text/javascript">
function data_today(data) {
    alert(data.goods[0].good_id);
}
</script>
<script src="http://shop.qq.com/act/tuan/today.json.js"></script>

另外还有一种，标准的js try-catch结构，也是一样的用法：这里在页面上定义getTuanPPCallback函数，就可以回调了

try{getTuanPPCallback({"ret":"0","t" : "","data":{date:"2010-11-19 15:45:46",beginTime:"2010-11-19 09:00:00",endTime:"2010-11-19 23:30:00",itemId:"F04C3C280000000000703A5006DAB4DC"}catch(e){}

p.s. 基于以上的数据处理方式，这里是成果： http://qq-tuan.appspot.com/