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

 更新时间:2011年01月11日 23:31:50   作者:  
这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值,一般跨域用到的两个方法为:$.ajax 和 $.getJson
最后,仔细安静下来,细读 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\"})

相关文章

  • jQuery.parseJSON()函数详解

    jQuery.parseJSON()函数详解

    今天小编就为大家分享一篇关于jQuery.parseJSON()函数详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • jQuery的css()方法用法实例

    jQuery的css()方法用法实例

    这篇文章主要介绍了jQuery的css()方法用法,以实例形式较为详细的分析了css()方法的几种常见用法,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery 表单序列化实例代码

    jQuery 表单序列化实例代码

    这篇文章主要介绍了jQuery 表单序列化实例代码,需要的朋友可以参考下
    2017-06-06
  • jQuery+.net实现浏览更多内容(改编php版本)

    jQuery+.net实现浏览更多内容(改编php版本)

    改编自php版本这里记录.net 下的实现;首先创建数据库表test,并插入一些测试数据接下来建立一个html文件,感兴趣的朋友可以参考下哈,希望您可以帮助到你
    2013-03-03
  • jQuery快速实现商品数量加减的方法

    jQuery快速实现商品数量加减的方法

    这篇文章主要介绍了 jQuery快速实现商品数量加减的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • jQuery focus和blur事件的应用详解

    jQuery focus和blur事件的应用详解

    本篇文章主要是对jQuery中focus和blur事件的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • jQuery判断checkbox是否选中的3种方法

    jQuery判断checkbox是否选中的3种方法

    这篇文章主要介绍了jQuery判断checkbox是否选中的3种方法,本文中的方法使用ID选择器实现,比网上其它的一些长篇大论的文章更加简练,需要的朋友可以参考下
    2014-08-08
  • jQuery中的编程范式详解

    jQuery中的编程范式详解

    这篇文章主要介绍了jQuery中的编程范式,以实例形式详解分析了jQuery中的编程范式,并对比分析了与Prototype的异同及对应用法,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • jquery弹出框的用法示例(一)

    jquery弹出框的用法示例(一)

    最近做一个项目,许多功能都是关于弹出框的,在做的过程中发现会有好多自己考虑不到的问题,下面以一个示例为大家详细介绍下,感兴趣的朋友可以参考下
    2013-08-08
  • 关于jquery ajax 调用带参数的webservice返回XML数据一个小细节

    关于jquery ajax 调用带参数的webservice返回XML数据一个小细节

    很早之前用jquery调用带参数的WS返回XML格式数据的时候,传参的时候会出现错误。问了问度娘和谷哥,这娘儿俩一个德行,里面的多数帖子没什么意义,你粘我,我复制你
    2012-07-07

最新评论