AJAX 跨域

这里写目录标题

同源策略

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

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

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

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

JSONP

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

JSONP 是怎么工作的

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

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

JSONP 的使用


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

原生JSONP实践

CORS



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

相关推荐
hashiqimiya8 分钟前
JavaScript的object的使用和监控打印日志
前端·javascript·vue.js
颜酱8 分钟前
从0到1实现通用微任务调度器:理解前端异步调度核心
前端
梦65042 分钟前
Vue 组件 vs React 组件深度对比
javascript·vue.js·react.js
2501_946230981 小时前
Cordova&OpenHarmony提醒管理系统实现
android·javascript
C_心欲无痕1 小时前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
KoalaShane1 小时前
El-slider 增加鼠标滚动滑块事件
开发语言·前端·javascript
栀秋6661 小时前
Tailwind CSS:用“类名编程”重构你的前端开发体验
前端·css
C_心欲无痕1 小时前
vue3 - watchSyncEffect同步执行的响应式副作用
开发语言·前端·javascript·vue.js·vue3
用泥种荷花1 小时前
【前端学习AI】FewShotPromptTemplate
前端
小魔女千千鱼1 小时前
在 Vue 中,this 的行为在箭头函数和普通函数中是不同的
前端·javascript·vue.js