利用jQuery实现JSONP跨域请求 jquery跨域cors

bigegpt 2024-10-12 05:55 5 浏览

什么是跨域

所有的浏览器都遵守同源策略，此策略能够限制一个域的动态脚本,例如javascript不能读取或操作其他源的http响应和cookie，不同源的数据有效隔离，也就保证了一定的数据安全。所谓同源是指协议、域名和端口都一致的情况。例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),但是实际开发中，我经常会有这种类似的需求，这时跨域问题就出现了.解决跨域问题的的方法有很多种（Ajax 现在也可以使用 cors 来做跨域请求，CORS需要浏览器和服务器同时支持，这里介绍比较经典的JSONP方式，同时jQuery也做了很好的封装支持，使用简洁方便。

什么是JSONP

jsonp 全称是JSON with Padding,是为了解决跨域请求资源而产生的解决办法,

完全是开发人员自己创造出的一种非官方跨域数据交互协议（有点投机取巧的意思）。

JSONP 是一种非正式传输协议，该协议的一个要点就是允许用户传递一个callback 或者开始就定义一个回调方法，参数给服务端，然后服务端返回数据时会将这个callback 参数作为函数名来包裹住 JSON 数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。

JSONP 和 JSON 的区别： JSON 是一种传输格式,就像XML一样用来传递数据的，而 JSONP 是一种跨域获取数据的方式。其实他们没什么相关性，我感觉JSONP是获取JSON格式数据的手段，有的人说带callback 的 JSON 传输就是 JSONP ，也有人说JSONP是一段参数是json格式(大多数情况)的JS代码。

jQuery实现JSONP跨域请求

咱们直接点，show you the code。

Html页面的jQuery实现代码:

SpringBoot后台JsonpController处理代码：

浏览器直接访问：http://localhost:8081/JsonP.html，F12后，控制台NetWork抓包分析响应截图：

以上实现跨域，通常为了方便，我们不需要自定义传参函数名（这里只是为了教程清楚），使用默认即可。

jquery跨域

上一篇：一段jquery的AJAX方法jsonp跨域请求，亲测有效
下一篇：详解前端jquery中的JSONP如何实现跨域请求

利用jQuery实现JSONP跨域请求 jquery跨域cors

什么是跨域

什么是JSONP

jQuery实现JSONP跨域请求

相关推荐

idea本地配置连接远程hadoop集群的一些网络问题解决汇总

Ceph运维手册(基于P版本)

无缓存不行?例行升级的入门级阿斯加特AN2 SSD装机点评

大数据开发前要做什么准备?8台Hadoop服务器进行集群规划前配置

Tensorflow分类loss函数总结 tensorflow绘制loss曲线

R语言学习笔记(七) -离散型数据的模型预测2

iOS Runtime详解

7 个对 Java 意义重大的性能指标，你知道几个?

PHP 远程调试最佳实践

Laravel框架使用图片处理简单教程