ajax同源政策和解决同源政策的方法和模拟封装jsonp函数和CORS跨域共享和服务端代理

//为script标签添加src属性

script.src = options.url+‘?callback=’ + fnName+params;

//将script标签追加到页面中

document.body.appendChild(script);

// 为script添加onload事件

script.onload = function(){

document.body.removeChild(script);

}

}

案例 获取腾讯网天气信息

6.CORS跨域共享

CORS：全称为 Cross-originresource sharing，即跨域资源共享，它允许浏览器向跨域服务器发送 Ajax 请求，克服了 Ajax 只能同源使用的限制。

跨域资源共享需要在另一个服务器设置一下配置

app.use((req, res, next) => {

// 1.允许哪些客户端访问我

// * 代表允许所有的客户端访问我

// 注意：如果跨域请求中涉及到cookie信息传递，值不可以为*号 比如是具体的域名信息

res.header(‘Access-Control-Allow-Origin’, ‘http://localhost:3000’)

// 2.允许客户端使用哪些请求方法访问我

res.header(‘Access-Control-Allow-Methods’, ‘get,post’)

// 允许客户端发送跨域请求时携带cookie信息

res.header(‘Access-Control-Allow-Credentials’, true);

next();

});

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

GJxPWU-1710868839982)]
[外链图片转存中…(img-pgB0xJp0-1710868839982)]
[外链图片转存中…(img-ECKCKPeW-1710868839982)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-Xmoj2yzN-1710868839983)]