关于通信

Posted 2020-11-08 luosisi0202

1.同源策略

源：协议（http/https）+域名（www.baidu.com）+端口(一般默认80) 三个中有一个不一样，就是源不一样，就是跨域

不是同一个源限制

无法获取cookie，localStorage,indexDB

DOM无法获取

AJAX请求不能发送

2.如何创建AJax

//AJAX 可以使网页实现异步更新，整个网页不用空闲等待。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

XMLHttpRequest对象的工作流程

1.创建一个XMLHttpRequest对象

var xhr = createxmlHttpRequest();

//考虑兼容，是否支持XMLHttpRequest,

function createxmlHttpRequest() { 

  if (window.ActiveXObject) { 

    return new ActiveXObject("Microsoft.XMLHTTP"); 

  } else if (window.XMLHttpRequest) { 

    return new XMLHttpRequest(); 

  } 

}

2.使用open设置和服务器的交互信息

3.使用send传送数据，开始和服务器交互

4.注册事件

5.刷新页面

兼容性问题

事件触发的条件

事件触发的顺序