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 相关文章推荐
经常用的图片在容器中的水平垂直居中实例
Jun 10 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
解决Vue动态加载本地图片问题
Oct 09 Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 Javascript
微信小程序表单验证WxValidate的使用
Nov 27 Javascript
Vue如何将页面导出成PDF文件
Aug 17 Javascript
javascript中call,apply,bind的区别详解
Dec 11 Javascript
关于对TypeScript泛型参数的默认值理解
Jul 15 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
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
php木马攻击防御之道
2008/03/24 PHP
php数字游戏 计算24算法
2012/06/10 PHP
PHP中VC6、VC9、TS、NTS版本的区别与用法详解
2013/10/26 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
jquery改变tr背景色的示例代码
2013/12/28 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
详解vue.js移动端导航navigationbar的封装
2017/07/05 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
python2.7的编码问题与解决方法
2016/10/04 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
Python 正则表达式匹配字符串中的http链接方法
2018/12/25 Python
python实现H2O中的随机森林算法介绍及其项目实战
2019/08/29 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
python中altair可视化库实例用法
2021/01/26 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
培训心得体会
2013/12/29 职场文书
幼儿园秋游感想
2014/03/12 职场文书
企业承诺书怎么写
2014/05/24 职场文书
英语三分钟演讲稿
2014/08/19 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
关于运动会的广播稿
2015/08/19 职场文书