js跨域问题 ajax跨域问题？

最新推荐文章于 2022-07-05 08:58:56 发布

啥也不懂的派大星

最新推荐文章于 2022-07-05 08:58:56 发布

阅读量279

点赞数

CC 4.0 BY-SA版权

分类专栏：面试题-Spring+SpringMVC 文章标签： ajax java http javascript jsonp

本文链接：https://blog.csdn.net/zwb_dzw/article/details/115708968

面试题-Spring+SpringMVC 专栏收录该内容

16 篇文章

订阅专栏

本文探讨了JavaScript的跨域问题，介绍了JSONP的工作原理，如何通过设置Access-Control头来支持POST请求，并讲解了SpringCloud中的CrosWebFilter。重点讲解了5种跨域解决方案，包括使用jsonp、配置服务器header和利用框架注解支持跨域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js跨域问题 ajax跨域问题？

定义：跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com的资源。但是一般情况下不能这么做，它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。
所谓同源是指，域名，协议，端口均相同。这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。

概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。

为什么浏览器要限制跨域访问呢？

原因就是安全问题：如果一个网页可以随意地访问另外一个网站的资源，那么就有可能在客户完全不知情的情况下出现安全问题。

为什么要跨域？
既然有安全问题，那为什么又要跨域呢？ 有时公司内部有多个不同的子域，比如一个是location.company.com ,而应用是放在app.company.com , 这时想从 app.company.com去访问 location.company.com 的资源就属于跨域。

5种解决方案

1. 使用jsonp
什么是jsonp（JSON with Padding）.
JSONP也叫填充式JSON，是应用JSON的一种新方法，只不过是被包含在函数调用中的JSON，例如：callback({“name”,“name1”});
JSONP由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数，而数据就是传入回调函数中的JSON数据。
jsonp的原理是：
就是利用

$.ajax({ 
    //url: './cross_domain.php',
    url: 'http://demoff.sinaapp.com/cross_domain.php',
    type: 'GET',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    data: {},
    success: function(data){ 
        addContents(data);
    },
    error: function(xmlHttpRequest,textStatus,error){ 
        console.log(xmlHttpRequest.status);
        console.log(textStatus);
    }