Jquery跨域解决方案

如果是后端跨域解决方案，可以参考：
链接：

其实前端也是可以解决的

因为是ajax的请求，会受到同源策略的保护。

我们使用‘jsonp’来解决，它的原理是使用

参考代码：

$.ajax({type: "GET",url: "http://localhost:8801/test",jsonpCallback: "callback", //这里是回调方法cache: false,dataType: "jsonp", //把原来的json修改成jsonp即可success: function (response) {// alert("success")// response= $.parseJSON(response);// var json = $.parseJSON(response);// console.log(response.hello-1);$.each(response,function (a,b) {//这里面根据你的需求自己写即可if (a=='hello-2'){var zhi = b;console.log("ttt",zhi);}$("#demo").text(zhi);})}});

注意那个回调方法名要和后端接口里的名字一样：
参考代码：

Map map = new HashMap();
ObjectMapper mapper= new ObjectMapper();
map.put("hello-1", "success-1");
map.put("hello-2", "success-2");
map.put("hello-3", "success-3");
map.put("hello-4", "success-4");
return "callback("+ mapper.writeValueAsString(map)+")";

如上就可以请求到了，经过自己测试发现回调方法一定要写，不然会报CORB的错。
如果有可以不用写的也能正常访问，可以在评论里告知一下哈 ~ ~

就我个人感觉而言，还是在后端给CORS做点配置香一点，我最近看到可以在yml文件里直接配置，也可以使用注解的方式–@CrossOrigin，写在请求的controller里即可。

Jquery跨域解决方案相关推荐

跨域解决方案（史上最易懂）
跨域总结 1.跨域思路跨域解决方案一般分为两种:前端解决,后端解决 1.1 前端解决方案通过前端解决的思想就是,通过设置中间件把跨域的请求转发一下,其实就是反向代理, 比如 http://1.2. ...
html 跨域_常见跨域解决方案以及Ocelot 跨域配置
常见跨域解决方案以及Ocelot 跨域配置 Intro 我们在使用前后端分离的模式进行开发的时候,如果前端项目和api项目不是一个域名下往往会有跨域问题.今天来介绍一下我们在Ocelot网关配置的跨域 ...
WEB 前端跨域解决方案
跨域定义广义的定义:跨域是指一个域下的文档或脚本试图去请求另一个域下的资源. 1.) 资源跳转: 链接.重定向.表单提交 2.) 资源嵌入: <link>.<script>. ...
【安全系列之跨域】跨域解决方案
一.为什么会出现跨域问题出于浏览器的同源策略限制.同源策略是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS.CS ...
常见跨域解决方案以及Ocelot 跨域配置
常见跨域解决方案以及Ocelot 跨域配置 Intro 我们在使用前后端分离的模式进行开发的时候,如果前端项目和api项目不是一个域名下往往会有跨域问题.今天来介绍一下我们在Ocelot网关配置的跨域 ...
Jquery跨域请求php数据（jsonp）
Jquery跨域请求php数据我们一般用到ajax的时候是在同服务器下,一般情况下不会跨域,但有时候需要调用其他域名或ip下的数据的时候,遇到跨域请求数据的时候. 今天在工作中碰到javascrip ...
ajax跨域情况解决方案,ajax跨域解决方案.docx
ajax跨域解决方案 ajax跨域解决方案篇一:使用JSONP解决Ajax跨域访问问题使用JSONP解决Ajax跨域访问问题 JSONP(JSON with Padding)是JSON的一种&qu ...
9种常见的前端跨域解决方案
9种常见的前端跨域解决方案(详解) 2019.09.02 21:54 73879浏览一.什么是跨域? 在前端领域中,跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能同源使用的限制. ...
前端常见的跨域解决方案
一.什么是跨域跨域也称为非同源策略请求,就是去非同源地址获取数据的行为只要页面,向非同源地址,发出了ajax / fetch请求,此时就出现了跨域问题. 专业的解释是,两个不同源的服务去访问对方的 ...

Jquery跨域解决方案

Jquery跨域解决方案相关推荐

最新文章

热门文章

Jquery跨域 解决方案

Jquery跨域 解决方案相关推荐

最新文章

热门文章

Jquery跨域解决方案

Jquery跨域解决方案相关推荐