AJAX 跨域

这里写目录标题

同源策略

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

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

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

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

JSONP

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

JSONP 是怎么工作的

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

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

JSONP 的使用


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

原生JSONP实践

CORS



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

相关推荐
癞皮狗不赖皮1 分钟前
WEB攻防-通用漏洞_XSS跨站_权限维持_捆绑钓鱼_浏览器漏洞
前端·web安全·网络安全·xss
_未知_开摆27 分钟前
CSS | 实现三列布局(两边边定宽 中间自适应,自适应成比)
前端·css·vue.js·vue·html·css3·html5
飞行codes35 分钟前
FLASK创建下载
前端·python·flask
XRJ040618xrj1 小时前
web前端第八次作业---制作音乐榜单
前端
SunnyRivers1 小时前
JavaScript动态渲染页面爬取之Splash
javascript·动态渲染·splash
匹马夕阳1 小时前
基于TypeScript封装 `axios` 请求工具详解
前端·javascript·typescript
小魁的C世界1 小时前
uniapp小程序开发,配置开启小程序右上角三点的分享功能
前端·小程序·uni-app
小彭努力中2 小时前
64.在Vue3中使用OpenLayers显示带箭头的线段,箭头居中
前端·javascript·vue.js·arcgis·openlayers
我是哈哈hh2 小时前
【javascript】Web APIs-Dom获取&属性操作
开发语言·前端·javascript·css·html
02苏_2 小时前
2025/1/12 复习JS
开发语言·前端·javascript