AJAX 跨域

这里写目录标题

同源策略

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

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

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

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

JSONP

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

JSONP 是怎么工作的

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

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

JSONP 的使用


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

原生JSONP实践

CORS



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

相关推荐
r***F26230 分钟前
Go-Gin Web 框架完整教程
前端·golang·gin
chilavert31833 分钟前
技术演进中的开发沉思-220 Ajax:XMLHttpRequest 对象
前端·javascript
IT_陈寒1 小时前
Python开发者必看:5个被低估但能提升200%编码效率的冷门库实战
前端·人工智能·后端
g***78911 小时前
鸿蒙NEXT(五):鸿蒙版React Native架构浅析
android·前端·后端
q***71851 小时前
Webpack、Vite区别知多少?
前端·webpack·node.js
千里念行客2401 小时前
国产射频芯片“小巨人”昂瑞微今日招股 拟于12月5日进行申购
大数据·前端·人工智能·科技
小杨快跑~2 小时前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
我叫张小白。3 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
WYiQIU8 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登8 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack