localStorage 的注意事项与初识 Ajax

localStorage 的注意事项

　　　localStorage 的存储期限

　　　　　　localStorage 是持久化的本地存储，除非手动请求（比如通过js删除，或者清除浏览器缓存），否则数据是永远不会过期的

　　　　    

                      sessionStorage

　　　　　　　　 当前会话结束（比如关闭浏览器）的时候，sessionstorage中的数据会被清空 

　　　　　　

                sessionStorage.setItem('username','alex');
                sessionStorage.getItem('username');
                sessionStorage.removeItem('username');
                sessionStorage.clear();                        

　　　localStorage  键和值的类型

　　　　　　localStorage  存储的键和值只能是字符串类型

　　　　　　不是字符串类型，也会先转化成字符串类型在存进去　

　　　　　　

localStorage.setItem({},18);
                localStorage.setItem('students',[{},{}])        
                console.log(
                    typeof localStorage.getItem('[object Object]'),
                    localStorage.getItem('[object Object]')
                );
                
                console.log({}.toString());        

　　

 

 

 

　　　不同域名下能否共用 localStorage

　　　　不同的域名是不能共用 localStorage的

　　　 localStorage的兼容性

　　　  IE7及以下版本不支持 localStorage，IE8开始支持　 　　　　　

初识 Ajax

　　　　Ajax是什么

　　　　　　Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML）的简写 ，是指⼀种创建交互式⽹⻚应⽤的⽹⻚开发技术。

　　　　　   Ajax中的异步：可以异步地向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，浏览器可以做自己的事情。直到成功获取响应后，浏览器才开始处理响应数据

　　　　　　XML（可扩展标记语言）是前后端数据同学时传输数据的一种格式　

　　　　　　XML 现在已经不怎么用了，现在比较常用的是 JSON

　　　　　　Ajax  其实就是浏览器与服务器之间的一种异步通信方式

　　　　　　使用Ajax可以在不重新加载整个页面的情况下，对页面的某部分进行更新　　

　　　　搭建Ajax开发环境

　　　　　　 Ajax需要服务器环境，非服务器环境下，很多浏览器无法正常使用Ajax

　　　　　　 Live  Server

　　　　　　 windows PHPStudy

　　　　　　 Max  MAMP