jsonp php写法,jsonp系列（四）jquery下jsonp的写法

我就是我 2022-11-17 03:49 292阅读 0赞

查看手册，我们看到，jquery写jsonp有两种方式：

1$.ajax的方式

2$.getJSON的方式先来看第一种方式：

(1)http://a.com/index.html代码如下：

![95f10e80f6c8][]

其中几个参数需要说明下：

type:代表请求提交的方式

async:是否同步

url：请求地址

dataType:请求的数据类型，是使用jsonp这种跨数据访问协议的json数据格式还是用其他的数据格式

jsonp:有了这个参数，那么实际请求的url地址会变成http://b.com/index.php?callback=?,如果jsonp设置为test111,那么请求地址就是http://b.com/index.php?test111=?

jsonpCallback:定义回调函数的名称，和上面的参数jsonp一起使用，如果这个参数为myCallback,请求的地址会变成http://b.com/index.php?callback=myCallback,另外值得注意的是，如果这个值为空的话，那么jquery会默认随机生成一个函数名传过去，那么实际请求的地址就是：http://b.com/index.php?callback=jquery12253158788754457。

success:请求响应成功的回调

error:请求响应失败的回调

(2)http://b.com/index.php代码如下：

![95f10e80f6c8][]

(3)请求http://a.com/index.html页面得到如下内容：

![95f10e80f6c8][]

如此，我们便使用jquery的写法实现了jsonp跨域访问其他站点数据。下面我们来看看第二种方式，第二种方式相对简单一点：

(1)http://a.com/index.html代码如下：

![95f10e80f6c8][]

(2)http://b.com/index.php代码如下：

![95f10e80f6c8][]

(3)请求http://a.com/index.html页面得到如下内容：

![95f10e80f6c8][]

$.getJSON一共有3个参数：

url:发送请求地址，上图中http://b.com/index.php?myCallback=?，myCallback后面的值为问号的话，jquery会默认传一个随机的回调函数名称。

data:待发送 Key/value 参数。

callback:载入成功时回调函数。

以上就是jsonp跨域请求数据的两种jquery写法。

[95f10e80f6c8]: /images/20221022/c85dd5014f284bcf9a224369d3b9905b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，292人围观）

还没有评论，来说两句吧...

相关阅读

相关 jsonp原理(jsonp原理)

JSON和JSONP的区别，以及使用方法 1、区别如下： (1)、定义不同 JSON是一种基于文本的数据交换方式(不支持跨域)，而JSONP是一种非官方跨域数据交互协

忘是亡心i/ 2023年09月26日 14:53/ 0 赞/ 171 阅读

相关 JSONP

好的代码像粥一样，都是用时间熬出来的！前面的话　　JSONP是JSON with padding(填充式JSON或参数式JSON)的简写，是应用JSON的一种新

川长思鸟来/ 2023年07月17日 04:48/ 0 赞/ 128 阅读

相关 jsonp php写法,jsonp系列（四）jquery下jsonp的写法

查看手册，我们看到，jquery写jsonp有两种方式： 1$.ajax的方式 2$.getJSON的方式先来看第一种方式： (1)http://a.com/index.

我就是我/ 2022年11月17日 03:49/ 0 赞/ 293 阅读

相关 Jsonp

Jsonp 理解 1、最近稍微看了下jsonp的东西，整理如下。 2、服务端代码大概可以写成这样： @GetMapping("/iojsonp")

柔情只为你懂/ 2022年06月01日 23:36/ 0 赞/ 340 阅读

相关 jsonp

jsonp 编辑 JSONP(JSON with Padding)是 [JSON][]的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一

╰半橙微兮°/ 2022年05月31日 14:19/ 0 赞/ 353 阅读

相关 jquery(jsonp) 跨域请求

测试jquery跨域记录：前台： <script type="text/javascript" src="<{$Think.const.WWW_URL}>

╰+攻爆jí腚メ/ 2022年05月28日 08:43/ 0 赞/ 408 阅读

相关 jQuery jsonp跨域请求

跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两

曾经终败给现在/ 2022年05月21日 12:53/ 0 赞/ 504 阅读

相关 JSONP

Web页面上用<script> 引入 js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、

太过爱你忘了你带给我的痛/ 2022年05月18日 05:00/ 0 赞/ 278 阅读

相关 JSONP

参见链接：[https://www.cnblogs.com/JinQuanLi/p/6551415.html][https_www.cnblogs.com_JinQuanLi_

逃离我推掉我的手/ 2022年05月08日 03:42/ 0 赞/ 340 阅读

相关 Jsonp

jsonp是为了解决跨越问题； jsonp的原理：发送的不是ajax请求；是动态创建了一个script标签（script标签时可以跨域的），把script的src指向了请

骑猪看日落/ 2022年02月04日 01:57/ 0 赞/ 354 阅读