javaweb 后台和前台合作处理跨域问题
来源:互联网 发布:云平台网络架构 编辑:程序博客网 时间:2024/05/30 05:41
一:跨域的概念
指的是浏览器不能执行其他网站的脚本。它是由浏览器的 同源(是指域名(主域名--www.baidu.com 其中百度就是主域名
子域名--www.baidu.com 其中www就是子域名),协议(http和https协议),端口均相同,)策略造成的,是浏览器对
javascript施加的安全限制。
示例展示:
http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域)
http://www.123.com/index.html 调用 http://www.456.com/server.php (主域名不同:123/456,跨域)
http://abc.123.com/index.html 调用 http://def.123.com/server.php (子域名不同:abc/def,跨域)
http://www.123.com:8080/index.html 调用 http://www.123.com:8081/server.php (端口不同:8080/8081,跨域)
http://www.123.com/index.html 调用 https://www.123.com/server.php (协议不同:http/https,跨域)
请注意:localhost和127.0.0.1虽然都指向本机,但也属于跨域
二:白话文的理解
跨域就是只要前台所在地址和请求的后台地址在域名、端口、以及在协议上有一个不一样就存在跨域,在进行数据的交互的时
候需要进行跨域处理;处理的方式一般有jsonp和cors俩种方式。
三:后台java处理跨域的代码
在servlet中的接口写
//后台解决跨域问题
String callback = request.getParameter("callback");
response.setHeader("Access-Control-Allow-Origin", "*");
//给前台返回jsonp格式的数据
String res= callback+"("+json.toString()+")";
四:在前台只需要将ajax请求的dataType:"json";改成dataType:"jsonp";就可以了
五:在没解决跨域问题在前台会看到如下报错
1:“Access-Control-Allow-Origin”,这个问题是出现遇到的跨域,需要做跨域处理
2:Uncaught SyntaxError: Unexpected token :这个错误在解决了跨域后比较容易出,原因是由于解决跨域前数据是json格式,为解决跨域问题改成了jsonp,这样在传递的过程中会自动添加一个callback值,但是后台传递过来的没有,所以导致前后台交互的数据格式不一致导致的这个错误,这时需要在后台构造和前台传递过来的数据格式保持 String callback = request.getParameter("callback"); 和 String res= callback+"("+json.toString()+")"; 就会解决
- javaweb 后台和前台合作处理跨域问题
- 解决javaWEB中前台数据传到后台乱码的问题
- 后台和前台对json的处理
- JavaWeb前台异常处理
- JavaWeb前台异常处理
- C#前台JS和后台交互问题
- 前台线程和后台线程的问题
- ios 前台和后台交互问题
- iOS 前台和后台交互问题
- iOS 前台和后台交互问题
- json的处理java后台和前台之间
- 解决javaWEB开发过程中后台接受前台的中文信息乱码的问题
- 解决javaWEB中前台传数据到后台中文乱码问题的3种方法
- 解决javaWEB中前台传数据到后台中文乱码问题的3种方法
- JavaWeb如何将后台数据传递到前台页面HttpServletResponse和HttpServletRequest
- JavaWeb如何将后台数据传递到前台页面HttpServletResponse和HttpServletRequest
- TYPO3后台RTEdl和d以及前台显示的问题
- 解决wordpress前台和后台打开速度慢的问题
- redis学习记录
- Codeforces Round #448 (Div. 2)D. String Mark(组合数学)
- 程序员午夜随笔
- MySQL简单语法(2)
- Spring Cloud(三)服务提供者 Eureka + 服务消费者(rest + Ribbon)
- javaweb 后台和前台合作处理跨域问题
- java连接MongoDB与MongoDB增删改查详解
- 菜鸟学习历程【16】文件编程
- 如何设置XILINX中,不用引脚的电平?
- python使用tf-idf法判断文本关键词
- 数据结构实验之图论三:判断可达性
- easyui--6.完整案列演示
- SQLyog连接Linux远程数据库错误码1045
- Linux top