ajax跨域问题

客官°小女子只卖身不卖艺 2022-04-11 13:56 294阅读 0赞

具体的跨域问题我之前也没有了解过 之前就知道ajax 的json 改成jsonp 这次网上查了下 汇中记录下  
目前比较业界比较常用的有三种解决办法：  
1.代理  
2.JSONP  
3.XHR2（XMLHttpRequest Level 2）  
还有一个方法是：  
我在其他的文章中找到了一个java代码实现的很很简单的一个http头的一个解决方法 优先推荐吧 原文https://blog.csdn.net/luozhuang/article/details/78860857  
解决方法：通过设置Access-Control-Allow-Origin来实现跨域访问，需要通过response设置  
Access-Control-Allow-Origin:\* 表示允许任何域名跨域访问，如果需要指定域名，可以自行百度学习  
Spring Web MVC下面完整例子 在ajax返回的方法中加入就行

@Controller
    @RequestMapping("/LuozhuangMobileControl.do")
    public class LuozhuangMobileControl{
     
    /**
    	 * 用户登录
    	 * 
    	 * @param request
    	 * @return
    	 */
    	@RequestMapping(params = "loginCheck")
    	@ResponseBody
    	public Object login(HttpServletRequest request, HttpServletResponse response) {
    		Object j;
    		//这里处理你的业务
    		response.setHeader("content-type", "application:json;charset=utf8");
    		response.setHeader("Access-Control-Allow-Origin", "*");//我上次使用的就是这个搞定的
    		response.setHeader("Access-Control-Allow-Methods", "POST");
    		response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type");
    		return j;
    	}
    }

针对一般的端口的不同 比如8080和8088两个端口的不同引起的跨域问题  
原博客：[https://www.cnblogs.com/JavaMVC/articles/6943624.html][https_www.cnblogs.com_JavaMVC_articles_6943624.html]  
方法一：  
代理。就是因为ajax无法跨域获取资源但是后台代码可以获取到，所以代理就是ajax请求到本域后台代码让后台代码访问跨域获取资源。给我的感觉就是家里孩子想联系远方的朋友自己无法联系上回家找家长帮忙打电话写信一类的事。  
方法二：（一般说的就是jsonp的解决方法）  
JSONP技术（只支持GET请求）。利用Ajax请求请求不同域的资源，会受到安全访问的限制，不能实现跨域访问，但是script 标签是一个例外，通过script标签访问不同域的资源则不受限制。所以JSONP技术就是利用script标签请求远程服务器资源，访问远程服务器资源时通过指定回调的js方法名，当远程服务器执行完之后，可以调用指定的js回调方法，回调js方法时，可以把远程服务器资源作为参数传到本地服务器中。  
要演示这种方法实现跨域访问，只需要在服务器一中定义一个script标签，并且把这个script标签的src设成服务器二的访问地址，并指定回调的js函数。  
具体代码在原博客上  
现在有个专门解决jsonp跨域的问题的jQuery插件：jquery-jsonp。用来这个插件后台代码几乎不用调整  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAwNjY1Mw_size_16_color_FFFFFF_t_70][]

方法三：  
XMLHttpRequest Level 2。这种技术是HTML5提供的一种技术，其通过在远程服务器设置response的Header来实现的一种跨域访问技术。当利用这种技术时，如果在前端的ajax请求设置了请求头，或者对请求或者响应设置了不同的信息，都有可能影响跨域访问，具体怎样影响可以参照这个网址：[https://github.com/hstarorg/HstarDoc/blob/master/前端相关/CORS详解.md][https_github.com_hstarorg_HstarDoc_blob_master_CORS_.md]

具体代码我就不复制过来了 。

[https_www.cnblogs.com_JavaMVC_articles_6943624.html]: https://www.cnblogs.com/JavaMVC/articles/6943624.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAwNjY1Mw_size_16_color_FFFFFF_t_70]: /images/20220411/6cae616c0ac94ee69fa37d37248192bf.png
[https_github.com_hstarorg_HstarDoc_blob_master_CORS_.md]: https://github.com/hstarorg/HstarDoc/blob/master/%E5%89%8D%E7%AB%AF%E7%9B%B8%E5%85%B3/CORS%E8%AF%A6%E8%A7%A3.md