跨域

最新推荐文章于 2024-07-06 09:00:00 发布

李某_

最新推荐文章于 2024-07-06 09:00:00 发布

阅读量133

点赞数

分类专栏：跨域重要知识点文章标签：前端跨域

本文链接：https://blog.csdn.net/qq_41621512/article/details/84308062

版权

重要知识点同时被 2 个专栏收录

11 篇文章 1 订阅

订阅专栏

跨域

1 篇文章 0 订阅

订阅专栏

什么是跨域？

浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。

常见的跨域场景

        URL                                      说明                    是否允许
        http://www.domain.com/a.js
        http://www.domain.com/b.js         同一域名，不同文件或路径           允许
        http://www.domain.com/lab/c.js
        http://www.domain.com:8000/a.js
        http://www.domain.com/b.js         同一域名，不同端口                不允许
         
        http://www.domain.com/a.js
        https://www.domain.com/b.js        同一域名，不同协议                不允许
         
        http://www.domain.com/a.js
        http://192.168.4.12/b.js           域名和域名对应相同ip              不允许
         
        http://www.domain.com/a.js
        http://x.domain.com/b.js           主域相同，子域不同                不允许
        http://domain.com/c.js
         
        http://www.domain1.com/a.js
        http://www.domain2.com/b.js        不同域名                         不允许

如何解决跨域问题？

1.通过jsonp跨域

jsonp：

jsonp 全称是JSON with Padding,是为了解决跨域请求资源而产生的解决方案,是一种依靠开发人员创造出的一种非官方跨域数据交互协议。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button>跨域</button>
    <script src="jquery.js"></script>
    <script>
        $('button').click(function(){
            // jsonp跨域
            $.ajax({
                url:"http://www.jxntv.cn/data/jmd-jxtv2.html",
                dataType:'jsonp',
            })
        })
        // data就是获取的数据
        function list(data){
            console.log(data)
        }
    </script>
</body>
</html>

获取的数据：

今天就先到这里，以后会更新别的解决方法。

李某_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
跨域

什么是跨域？浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。常见的跨域场景 URL 说明是否允许 http://www.domain.com/a.js http://www.domain.c...
复制链接

扫一扫

专栏目录