第一种方法用JSONP
script 标签跨域不会被浏览器阻止
JSONP 主要就是利用 script 标签,加载跨域文件
JSONP 跨域解决方案, 只支持 get 请求
代码如下 在浏览器中打开 就可以看到接口中的返回值
<script>
// JSONP接口的最后一个等号后面内容,那是一个返回的函数,名字是自定义的
const hello = (data) => {
console.log(data);
};
</script>
<!--手动加载 JSONP 接口 -->
<script src="http://suggest.taobao.com/sug?code=utf-8&q=卫衣&callback=hello"></script>
第二种方法 CORS 跨域资源共享
需要后端的程序员, 在发送响应时, 添加如下字段:
Access-Control-Allow-Origin: *
表明允许所有的域名来跨域请求它,* 是通配符,没有任何限制
Access-Control-Allow-Origin: http://127.0.0.1:5500
只允许指定域名的跨域请求