三、跨域

一、啥子是跨域

• 不同域之间请求资源就是跨域

当协议，子域名，主域名，端口号，任意一个不同时,就算作不同的域。

二、如何实现跨域

2-1 客户端跨域的方法

2-1-1 Jsonp

将dataType属性设置为：jsonp

<script src="lib/jquery-3.4.1.js"></script>
<script>
        var url="https://douban.uieee.com/v2/movie/top250";
        $.ajax({
            url,
            type:"get",
            dataType:"jsonp",
            success:res=>{
                console.log(res)
            }
        }) 
</script>

2-2-2 script标签实现跨域

js中script标签不受同源策略的影响也可以实现跨域

        var script = document.createElement("script");
        script.src = "http://api.douban.com/v2/movie/subject/1764796?&callback=handleResponse";
        document.body.prepend(script);
        function handleResponse(res) {
            // 对response数据进行操作代码
            console.log(res)
        }

2-2 服务器端跨域的方法

2-2-1 修改服务器端

1.修改服务器端的Access-Control-Allow-Origin属性  改为 Access-Control-Allow-Origin,"*"