javascript 回顾(六) ajax 缓存

// 手动编写一个ajax,不依赖第三方库

// XMLHttpRequest

var xhr=new XMLHttpRequest()

xhr.open('GET','/api',false)

xhr.onreadystatechange=function(){

if(xhr.readyState==4){//4 完成

if(xhr.state==200){

alert()

}

}

}

xhr.semd(null)

 

//ie低版本 使用ActiveObject

 

// 跨域的集中实现方式

浏览器有同源策略，不允许ajax访问其他域

的接口

 

跨域条件 ：协议，域名，端口有一个不同就算跨域

 

可以跨域的三个标签 img(打点统计，站长统计),script(jsonp),link（cdn）

 

jsonp 实现原理

<script>

window.callback=function(data){

console.log(data)

}

</script>

 

<script src=""></script>

 

// cookie sessionStorage localStorage的区别

cookie 本来用于客户端和服务端通信，但是它有本地

存储的功能，于是就被借用了

 

缺点: 存储量小4kb

所有有的HTTP都带着 ，会影响获取资源的效率 会带到ajax里面

api简单 需要封装才能用

 

localStorage,sessionStorage

最大容量5m api简单

ios safari 隐藏模式下 localStorage,sessionStorage会报错