AJAX 跨域

这里写目录标题

同源策略

同源: 协议、域名、端口号 必须完全相同、

当然网页的URL和AJAX请求的目标资源的URL两者之间的协议、域名、端口号必须完全相同。

AJAX是默认遵循同源策略的,不满足同源策略是无法直接发送AJAX请求的

***什么是跨域:***违背同源策略的就是跨域。

JSONP

JSONP 是一个非官方的跨域解决方案,只支持get请求。

JSONP 是怎么工作的

在网页有一些标签天生具有跨域能力,比如:img /link /iframe /script.

JSONP 就是利用script 标签的跨域能力来发生请求的。

JSONP 的使用


返回结果是一个函数调用,而函数的实参,就是我们想给客户端返回的结果,函数需要提前声明,不然就会报错无声明/

原生JSONP实践

CORS



客户端发请求就按照AJAX的步骤去做就可以了,跨域让服务端设置响应头就可以实现跨域。

相关推荐
布鲁飞丝6 小时前
从零实现富文本编辑器#-浏览器选区与编辑器选区模型同步
java·前端·编辑器
写不来代码的草莓熊6 小时前
Cesium 地图交互绘制圆形、多边形
前端·javascript·地图
weixin_427771616 小时前
前端版本检测
前端
禅思院7 小时前
流式 Markdown 渲染完全指南【引子】
前端·架构·前端框架
JackSparrow4147 小时前
前端安全之JS混淆+请求加密+请求签名以提升爬虫难度
前端·javascript·后端·爬虫·python·安全
IMPYLH7 小时前
HTML 的 <em> 元素
java·前端·html
看昭奚恤哭7 小时前
基于 RuoYi-Vue-Pro 定制了一个后台管理系统 magic-admin , 开源出来!
前端·vue.js·开源
名为沙丁鱼的猫7299 小时前
【审计日志组件实践复盘】前端工程化 + 后端DDD架构(AOP切面拦截日志) + MBG
前端·架构
xqqxqxxq10 小时前
AI智能旅游规划系统 - 前端技术笔记
前端·笔记·旅游
陈随易16 小时前
bm2,MoonBit实现的pm2替代品
前端·后端·程序员