博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
通信类
阅读量:7211 次
发布时间:2019-06-29

本文共 549 字,大约阅读时间需要 1 分钟。

什么是同源策略

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

同源策略的限制

  • 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

转载地址:http://nkgum.baihongyu.com/

你可能感兴趣的文章
snabbdom源码解析(七) 事件处理
查看>>
在北京做Java开发如何月薪达到两万,需要技术水平达到什么程度?
查看>>
移动端适配之二:visual viewport、layout viewport和ideal viewport介绍
查看>>
python大佬养成计划----flask_sqlalchemy操作数据库
查看>>
Chrome开发者工具关于网络请求的一个隐藏技能
查看>>
Git入门与开发
查看>>
Java编程基础04——流程控制语句
查看>>
vue-threeJS数据驱动的三维图形可视化
查看>>
Ubuntu 18.04.1 搭建Java环境和HelloWorld
查看>>
Flutter 实现根据环境加载不同配置
查看>>
浏览器保存密码后自动填充问题
查看>>
前端每日实战:93# 视频演示如何用纯 CSS 创作一根闪电连接线
查看>>
PhpStorm升级后调用某些类提示phpstorm Unhandled exceptions
查看>>
Python 2.x 与 Python 3.x 的区别
查看>>
如何实现对tcl脚本的类GDB调试
查看>>
基于java的IO流的文件读取系统
查看>>
谈谈 Docker 网络
查看>>
laravel-admin集成ueditor编辑器的图片列表显示问题解决方法
查看>>
伪数组(ArrayLike)
查看>>
ES6精华:字符串扩展
查看>>