Jquery跨域获得Json时invalid label错误的解决办法


Posted in Javascript onJanuary 11, 2011

最后,仔细安静下来,细读 json 官方文档后发现这么一段:

JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求。如果要指定回调函数的参数名来取代默认的callback,可以通过设置$.ajax()的jsonp参数。

其实jquery跨域的原理是通过外链 <script> 来实现的,然后在通过回调函数加上回调函数的参数来实现真正的跨域

Jquery 在每次跨域发送请求时都会有callback这个参数,其实这个参数的值就是回调函数名称,所以,服务器端在发送json数据时,应该把这个参数放到前面,这个参数的值往往是随机生成的,如:jsonp1294734708682,同时也可以通过 $.ajax 方法设置 callback 方法的名称。明白了原理后,服务器端应该这样发送数据:

string message = "jsonp1294734708682({\"userid\":0,\"username\":\"null\"})";

这样,json 数据 {\"userid\":0,\"username\":\"null\"} 就作为了 jsonp1294734708682 回调函数的一个参数

跨域获得Json时invalid label的解决办法:

服务器端在输出 Json 数据时,前面加上 callback 参数的值,如:jsonp1294734708682({\"userid\":0,\"username\":\"null\"})

Javascript 相关文章推荐
基于JQUERY的两个ListBox子项互相调整的实现代码
May 07 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
深入理解vue Render函数
Jul 19 Javascript
使用JavaScript中的lodash编写双色球效果
Jun 24 Javascript
React中使用async validator进行表单验证的实例代码
Aug 17 Javascript
微信小程序入门之广告条实现方法示例
Dec 05 Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 Javascript
JS无限树状列表实现代码
Jan 11 #Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 #Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 #Javascript
Jquery中获取iframe的代码
Jan 11 #Javascript
基于jQuery的message插件实现右下角弹出消息框
Jan 11 #Javascript
基于jquery的cookie的用法
Jan 10 #Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 #Javascript
You might like
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
AJAX分页的代码(后台asp.net)
2011/02/14 Javascript
js制作的鼠标悬浮时产生的下拉框效果
2012/10/27 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
js实现的简单图片浮动效果完整实例
2016/05/10 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
2016/06/30 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
零基础写python爬虫之使用Scrapy框架编写爬虫
2014/11/07 Python
python中的编码知识整理汇总
2016/01/26 Python
Python正则表达式如何进行字符串替换实例
2016/12/28 Python
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
Python中一般处理中文的几种方法
2019/03/06 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
德国孕妇装和婴童服装网上商店:bellybutton
2018/04/12 全球购物
医院检讨书范文
2014/02/01 职场文书
视光学毕业生自荐书范文
2014/02/13 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
OpenCV3.3+Python3.6实现图片高斯模糊
2021/05/18 Python