ajax，本地存储

ajax

发送http请求
ajax技术的目的是让javascript发送http请求，与后台通信，获取数据和信息。

1.获取

2.当前界面
只更新获取数据，别的不动。
和后台通信

3/默认不能跨遇请求。但是也能设置。
百度不能请求腾讯

$.ajax使用方法

常用参数：
1、url 请求地址
2、type 请求方式，默认是'GET'，常用的还有'POST'
3、dataType 设置返回的数据格式，常用的是'json'格式，也可以设置为'html'
4、data 设置发送给服务器的数据
5、success 设置请求成功后的回调函数
6、error 设置请求失败后的回调函数
7、async 设置是否异步，默认值是'true'，表示异步

本地存储

本地存储分为cookie，以及新增的localStorage和sessionStorage

1、cookie 存储在本地，容量最大4k，
在同源的http请求时携带传递，
在设置的过期时间之前有效。

jquery 设置cookie
.cookie('mycookie','123',{expires:7,path:'/'}); jquery 获取cookie.cookie('mycookie');

2、localStorage 存储在本地，
容量为5M或者更大，
不会在请求时候携带传递，
除非人为删除，可作为长期数据。

//设置：
localStorage.setItem("dat", "456");
localStorage.dat = '456';

//获取：
localStorage.getItem("dat");
localStorage.dat

//删除
localStorage.removeItem("dat");

3、sessionStorage 存储在本地，
容量为5M或者更大，
不会在请求时候携带传递，
在同源的当前窗口关闭前有效。

localStorage 和 sessionStorage 合称为Web Storage , Web Storage支持事件通知机制，可以将数据更新的通知监听者，Web Storage的api接口使用更方便。

iPhone的无痕浏览不支持Web Storage，只能用cookie。

demo
window.localStorage.setItem(key,value);//设置指定key的数据（JSON格式）

window.localStorage.getItem(key);//获取指定key的数据
window.localStorage.removeItem(key);//删除指定key的数据

window.localStorage.clear();//清空所有的存储数据

window.sessionStorage.setItem(key,value);

window.sessionStorage.getItem(key);

window.sessionStorage.removeItem(key);

window.sessionStorage.clear()

代码解析：

setItem(key,value) 向本地存储一条数据

getItem(key) 通过键名获取本地相应数据

key(index) 通过索引获取本相应地数据

removeItem(key) 通过键名删除本地相应数据

clear() 删除本地所有数据