文档章节

跨域 json 类型数据请求, jsonp

MtrS
 MtrS
发布于 2014/09/25 23:15
字数 202
阅读 55
收藏 0

javascript 代码:

$.ajax({
      url: "http://10.255.32.250/recent_done_seven_days",
      data: '',
      dataType: 'jsonp',
      //jsonpCallback:'callback',
      //jsonpCallback:'',
      success: function(result) {
          // var total_left = result[0]["total_left"];
          // console.log("hello");
          //total_obj.innerHTML = total_left; 
          var div_class_date_obj = document.getElementsByClassName("op_weather4_twoicon_date")
          var count = 0;
          for ( var i in result) {
             count +=1;
             var date_obj = div_class_date_obj.item(count);
                 date_obj.innerHTML = i;
             var total_obj = total_left_div_class.item(count);
               total_obj.innerHTML = "来源 <br>" + result[i];
              //alert(result[i]);
           }
      }
    });
服务器端数据

原始json 数据:

{"2014-09-20": 160991, "2014-09-21": 139557, "2014-09-22": 128537,
 "2014-09-23": 116622, "2014-09-19": 101450, "2014-09-25": 172008,
 "2014-09-24": 181726}

跨域访问时:  request 请求为:

http://10.255.32.250/recent_done_seven_days?callback=jQuery18307264268337469602_1411657857954&_=1411657858145
后面添加了 Query_String , callback

此时返回数据格式为:

jQuery18307264268337469602_1411657857954({"2014-09-20": 160991, 
"2014-09-21": 139557, "2014-09-22": 128537, "2014-09-23": 116622,
 "2014-09-19": 101450, "2014-09-25": 172008, "2014-09-24": 181726})
服务器端实现时:  将environ 中 callback 中 callback 的参数提取出来,

添加到 json 中去, 格式为   "callback(" + jsonp + ")"


© 著作权归作者所有

MtrS
粉丝 35
博文 724
码字总数 443834
作品 0
榆林
私信 提问
json与jsonp的区别

其实json和jsonp本质上都是字符串,只是jsonp是外层包裹了一层函数。 json 下面是jquery的ajax请求,数据类型为json,它是以json格式在前后台进行数据的传输,它与局限性就是不能跨域请求,这...

马大哈tt
2017/11/17
0
0
JSONP跨域的原理解析

JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页...

武文海
2016/03/21
59
0
JSONP原理优缺点(只能GET不支持POST)

JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它的兼容性更好,在更加古老的浏览器中都 可以运行,不需要XMLHttpRequest或ActiveX的支持;并且在请求完毕...

BearCatYN
2015/06/04
870
0
JQuery的Ajax跨域请求的解决方案

今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发现JQuery对于...

Carl_
2014/07/15
612
0
javascript 跨域的几种情况

JavaScript 中的跨域问题 http://yijiebuyi.com/A.js http://yijiebuyi.com/B.js 上面情况在同一域名下,不同资源文件 [允许跨域] http://yijiebuyi.com/blog/A.js http://yijiebuyi.com/job......

一介布衣
2016/09/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

15、SpringMVC进行json交互

SpringMVC进行json交互 json数据格式在接口调用中、html页面中较常用,json格式比较简单,解析还比较方便。 请求json、输出json。要求请求的是json串,前端页面中需要将请求的内容转成json,...

快乐的瓶子
29分钟前
7
0
delphi版插apc杀进程驱动源码

从c代码转的,备份一下,里面有硬编码unit MyDriver;{$HINTS OFF}{$WARNINGS OFF}interfaceusesnt_status, ntoskrnl, native, winioctl, fcall, macros;typeTKILL = ...

simpower
33分钟前
4
0
带你上手一款下载超 10 万次的 IDEA 插件

作者 | 倪超(银时) 阿里云开发者工具产品专家 本文整理自 11 月 7 日社群分享,每月 2 场高质量分享,点击加入社群。 导读:Cloud Toolkit 是本地 IDE 插件,帮助开发者更高效地开发、测试...

阿里云官方博客
34分钟前
4
0
GMAT语法7个常考重要考点分析

GMAT语法考点多,并非所有考点都值得重点关注。实际上GMAT语法存在一些高频考点,考生需要优先掌握它们才能更好地保证得分。同时GMAT备考中大家还需要培养连续做题的耐力。下面小编就来做具体...

bole6
38分钟前
4
0
最佳实践 | RDS & POLARDB归档到X-Pack Spark计算

X-Pack Spark服务通过外部计算资源的方式,为Redis、Cassandra、MongoDB、HBase、RDS存储服务提供复杂分析、流式处理及入库、机器学习的能力,从而更好的解决用户数据处理相关场景问题。 RD...

一肥仔
40分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部