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() 删除本地所有数据