AJAX 跨域

这里写目录标题

同源策略

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

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

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

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

JSONP

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

JSONP 是怎么工作的

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

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

JSONP 的使用


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

原生JSONP实践

CORS



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

相关推荐
兔子零10241 分钟前
当 Codex 成为主力,软件工程的重心已经变了
前端·后端·架构
牛奶12 分钟前
网关是怎么当"门卫"的?
前端·后端·负载均衡
天一生水water12 分钟前
VUE3入门
javascript
上海合宙LuatOS15 分钟前
合宙TCP/UDP web测试工具简介
前端·物联网·tcp/ip·udp·luatos
yqcoder36 分钟前
JavaScript 浅拷贝:只复制“第一层”的艺术
开发语言·javascript·ecmascript
yqcoder40 分钟前
JavaScript 闭包:函数背后的“背包”
开发语言·javascript·ecmascript
Apifox.41 分钟前
Apifox 近期更新|AI Agent Debugger、A2A Debugger、Postman API 导入、Ask AI 侧边栏对话
前端·人工智能·后端·测试工具·测试用例·postman
threelab1 小时前
挑战AI辅助从零构建3D模型编辑器:01基于Vue3 + Three.js的现代化架构设计
javascript·人工智能·3d·前端框架·着色器
invicinble1 小时前
前端框架使用vue-cli (第五层:构建打包层--babel.config.js介绍)
前端·vue.js·前端框架
张元清1 小时前
React 浏览器标签页 UX:用标题、Favicon 和通知把用户拉回来
前端·javascript·面试