Jquery跨域获得Json的简单实例(jquery跨域请求有哪些方式)

编辑：rootadmin

推荐整理分享Jquery跨域获得Json的简单实例(jquery跨域请求有哪些方式)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery跨域解决方案,jquery实现跨域,使用js跨域获取数据,jquery跨域请求有哪些方式,使用js跨域获取数据,jquery跨域获取页面内容,jquery跨域获取页面内容,jquery跨域请求有哪些方式,内容如对您有帮助，希望把文章链接给更多的朋友！

这两天用 Jquery 跨域取数据的时候，经常碰到 invalid label 这个错误，十分的郁闷，老是取不到服务器端发送回来的 json 值，

一般跨域用到的两个方法为：$.ajax 和$.getJSON

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

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

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

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

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

下面我们来开始实例

假如正常返回的数据:

下面我们来介绍下jquery的自己个参数

1不指定jsonp的名称、

服务器需要这样返回数据示例:

2指定jsonp名称，和返回函数名称的function、

服务器需要这样返回数据示例:

3指定jsonp名称，不指定返回函数名称的function、

服务器需要这样返回数据示例:

4使用getJSON()获取数据、

服务器需要这样返回数据示例:

以上这篇Jquery跨域获得Json的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

jquery解析XML及获取XML节点名称的实现代码 jquery获取XML节点名称的几种方法以：get(0).tagName$(this).get(0).tagName[0].tagName[0]$(this)[0].tagNamecontext.nodeName$(this).context.nodeNamefunctiongetXMLData(){$.ajax({url:'data.xml',

JQuery解析XML数据的几个简单实例用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。第一种方案：scripttype="text/java

JQuery.validate在ie8下不支持的快速解决方法一、在ie8下回有问题的代码1、JQuery.validate验证框架是通过页面form表单提交验证input/标签中输入是否符合自己的规则的formid="cardTypeFrm"tablewidth="%"cellspac

标签: jquery跨域请求有哪些方式

本文链接地址:https://www.jiuchutong.com/biancheng/386591.html 转载请保留说明！

上一篇：jQuery 获取跨域XML(RSS)数据的相关总结分析

下一篇：jquery解析XML及获取XML节点名称的实现代码