【AJAX】跨域问题笔记

news/2024/11/29 5:27:37/

跨域

一、同源策略(Same-Origin Policy)

是浏览器的安全机制。

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

客户端

 服务端

违背同源策略就是跨域

  二、如何解决跨域

1、JSOPN

 (1)JSONP是什么

JSONP(JSON with Padding),是一个非官方的跨域解决方案,纯粹凭借程序员开发出来,只支持get请求。

 (2)JSONP怎么工作

在网页里有些标签天生具有跨域能力,比如:img \ link \ iframe \ script。

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

(3)JSONP的使用

a、动态的创建一个scrip标签

var script =  document.createElement['scrip'];

b、设置script的src.设置回调函数

script.src ="http://localhost:3000/testAJAX?callback=abc";

2、CORS(Cross-Origin Resource Sharing)

(1)跨域资源共享,特点是不需要在客户端做任何特殊操作,完全在服务器中进行处理,支持get和post请求。跨域资源共享标准新增一组HTTP首部字段,允许服务器声明哪些源站通过浏览器有权限访问哪些资源。

(2)CORS是通过设置一个响应头来告诉浏览器,请允许跨域,浏览器收到该响应以后会对响应放行。

(3)主要的是服务器端的设置:

router.get("/xx",function(req,res){})


http://www.ppmy.cn/news/753572.html

相关文章

iOS知识梳理之移动开发网络篇TCP/IP

1.OSI七层 TCP/IP五层 1.1 OSI七层参考模型 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层对于OSI七层参考模型,我想说只有这七个词条.任何与实际生产脱钩的东西都需要硬性记忆.而TCP/IP五层模型我不需要硬性记忆,就可以根据应用逻辑复述出来. 1.2 TCP/IP五层模型 TCP…

Qt网络应用开发

Qt提供四种网络类: 1、高度封装的网络通信类:QNetworkRequest、QNetworkAccessManager和QNetworkReply。 应用方向:QNetworkRequest类似于HTTP请求,它被传递给QNetworkAccessManager,以便在连线上发送请求;这个类返回…

达达平台的物流场景

业务场景 达达是全国领先的最后三公里物流配送平台。 达达的业务模式与滴滴以及Uber很相似,以众包的方式利用社会闲散人力资源,解决O2O最后三公里即时性配送难题。 达达业务主要包含两部分:商家发单,配送员接单配送,如…

智能打印SDK---官方博客

(开源准备:也算是笔者从业以来第二个作品了,谢谢博客园编辑审核团队,欢迎置顶。欢迎转载。开源为百度云打包开源) 演示站点源码 均在github 迁徙至github: https://github.com/micro-chen/WebPrinter 智能打印SDK-官方…

使用UAC白名单让指定的程序不受UAC限制

使用UAC白名单让指定的程序不受UAC限制 1. 关闭UAC的隐患 我的上一篇博文关于Windows_8.1/Windows7下普通用户运行软件提示需要输入管理员密码解决方法

Netflix创始人:我不要求996,一样市值1万亿!

往期热门文章:1、《往期精选优秀博文都在这里了!》 2、17 张程序员专属壁纸,太太太太太太骚了… 3、刚刚,腾讯每人发100股:市值7万,不算年终奖!员工:愿为小马哥拼命 4、在 IDEA 中用…

树莓派 3B+ 使用微雪2-CH CAN FD HAT

准备 目标 疫情在家,想着用树莓派3B,通过CAN卡接收CAN数据,外接触摸屏,实时显示CAN数据。计划使用python作为开发语言,用pyqt库界面开发,can卡尽量选择低成本解决方案。 kvaser和pcan是比较常用的can接口…

关于Windows_8.1/Windows 7下普通用户运行软件提示需要输入管理员密码解决方法

转载:https://blog.51cto.com/linuxprince/1968552 问题起因 最近遇到一个比较棘手问题,顺丰速运修改了快递单填写方式,必须要安装他们公司开发的一个软件(软件名叫“速打线下用户专用版”),这个软件非常奇…