当前位置: 首页 > news >正文

通信类

什么是同源策略

同源策略会限制从一个加载的文档或脚本如何与来自另一个的资源进行交互。是一个隔离潜在恶意文档的关键安全机制。

同源策略的限制

  • Cookie、LocalStorage和IndexDB无法读取。
  • DOM无法获得。
  • Ajax请求不能发送。 //ajax只适合同源,不能适合跨域

前后端如何通信

  • Ajax
  • WebSocket
  • CORS

前端跨域通信的几种方式

如何创建ajax

Ajax创建步骤:
1、 创建XMLHttpRequest
2、 连接服务器
xmlHttp.open('GET',url,true); //xmlhttp.open(method,url,async)
method 包含 get 和 post两种方法 :
url主要是文件或资源的路径,async参数为true(代表异步)或者false(代表同步)。
3、向服务器端发送请求

xmlHttp.send();

4、接受服务器的返回

ajax如何实现同步:(xmlhttprequest第三个参数async设置为false即可,默认为true为异步)
AJAX的缺陷

现在面试好像没用问过,但是基础的一定要了解。

跨域通信的几种方式?

  • JSONP
  • Hash
  • postMessage
  • WebSocket
  • CORS

相关文章:

  • 力扣(LeetCode)56
  • mybatis-plus 3.1.0 发布,划重点一大波升级
  • JS里的Array
  • IDEA 插件开发入门教程
  • python人工智能机器人工具书籍: Python Robotics Projects - 2018
  • 一个6年java程序员的工作感悟,写给还在迷茫的你
  • ES10 特性的完整指南
  • BZOJ2744:[HEOI2012]朋友圈(最大团,乱搞)
  • 突破自己的技术思维
  • Javascript编码规范
  • 软件开发学习的5大技巧,你知道吗?
  • Linux快速复制或删除大量小文件
  • c#用winform开发一个简易双色球项目
  • 微信小程序设置上一页数据
  • Java教程_软件开发基础
  • 《深入 React 技术栈》
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • es6要点
  • js写一个简单的选项卡
  • JS字符串转数字方法总结
  • Objective-C 中关联引用的概念
  • react 代码优化(一) ——事件处理
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • 电商搜索引擎的架构设计和性能优化
  • 服务器从安装到部署全过程(二)
  • 警报:线上事故之CountDownLatch的威力
  • 开年巨制!千人千面回放技术让你“看到”Flutter用户侧问题
  • 蓝海存储开关机注意事项总结
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 推荐一个React的管理后台框架
  • ​TypeScript都不会用,也敢说会前端?
  • #QT(串口助手-界面)
  • $.ajax()方法详解
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (0)Nginx 功能特性
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (算法二)滑动窗口
  • (转)http协议
  • ***汇编语言 实验16 编写包含多个功能子程序的中断例程
  • ... 是什么 ?... 有什么用处?
  • .gitignore文件---让git自动忽略指定文件
  • .NET Standard 支持的 .NET Framework 和 .NET Core
  • .netcore 如何获取系统中所有session_如何把百度推广中获取的线索(基木鱼,电话,百度商桥等)同步到企业微信或者企业CRM等企业营销系统中...
  • .NET建议使用的大小写命名原则
  • .NET框架设计—常被忽视的C#设计技巧
  • /bin/bash^M: bad interpreter: No such file or directory
  • /usr/local/nginx/logs/nginx.pid failed (2: No such file or directory)
  • [ 渗透工具篇 ] 一篇文章让你掌握神奇的shuize -- 信息收集自动化工具
  • [ 隧道技术 ] 反弹shell的集中常见方式(四)python反弹shell
  • [2019.3.5]BZOJ1934 [Shoi2007]Vote 善意的投票
  • [2669]2-2 Time类的定义
  • [Angularjs]ng-select和ng-options
  • [daily][archlinux][game] 几个linux下还不错的游戏
  • [go] 策略模式