cookie和Ajax

cookie

cookie特性

1、同一网站中所有页面共享一套cookie
2、数量、大小有限
3、过期时间

创建cookie

语法：document.cookie=”名字=值”
注意：JS”=”代表覆盖，cookie”=”代表添加
过期时间：expires=时间

cookie实例：

// document.cookie='user=hello';
// document.cookie='pass=12345';
// alert(document.cookie);
// var sj=new Date();
// sj.setDate(sj.getDate()+8);//得到当前时间的8天后
// alert(sj.getFullYear()+'-'+(sj.getMonth()+1)+'-'+sj.getDate());
// var sh=new Date();
// sh.setDate(sh.getDate()+14);
// document.cookie='user=hello;expires='+sh;//设置cookie时间为14天
// alert(document.cookie);
function cookiee(name,value,iDay){
// document.cookie='name=value;epires=date';
var kj=new Date();
kj.setDate(kj.getDate()+iDay);
document.cookie=name+'='+value+';epires'+kj;
}
function cookiea(){
var arr=document.cookie.split('; ');
for(i=0;i<arr.length;i++){
var arra=arr[i].split('=');
if(arra[0]==name){
return arra[1];
}
}
return '';

}
function scookie(name){
cookee(name,1,-1);
}
scookie('userName');
alert(cookiea('userName'));
cookiea('userName');
cookiee('userName','hello',30);
cookiee('password','hello',365);
// alert(document.cookie);

Ajax

Ajax概念

Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

创建Ajax的步骤：

1、创建Ajax对象
2、链接到服务器
3、发送请求
4、接收返回值

创建Ajax对象

非IE6语法：
var oAjax=new XMLHttpRequest();
老版IE5和IE6语法：
var oAjax=newActiveXObject(“Microsoft.XMLHTT”);

Ajax实例：

var ak=document.getElementById('aj');
ak.onclick=function(){
//创建对象
// var oAjax=new XMLHttpRequest();
// var oAjax=new ActiveXObject('Microsoft.XHLHTTP');IE旧版本兼容
// alert(oAjax);
if(XMLHttpRequest){
var oAjax=new XMLHttpRequest();
}else{
var oAjax=new ActiveXObject('Microsoft.XHLHTTP');
}//做兼容
// alert(oAjax);
//连接服务器,异步true,同步false
oAjax.open('GET','ajax.txt',true);
//发送请求
oAjax.send();
oAjax.onreadystatechange=function(){
//readystate告诉我们浏览器和服务器进行到哪一步，从0-4，为0是请求未初始化。为1代表服务器链接已建立 ，为2请求已接收。为3请求处理中，为4请求完成，并且响应就绪
// status:
// 200:ok 
// 404:未找到
if(oAjax.readystate==4&&oAjax.status==200){
// alert('成功');
document.getElementById('ine').innerHTML=oAjax.responseText;
// responseText返回值
}else{
alert('失败');
}
}
}