web2.0的特点:用户贡献内容;RSS聚合内容;社会化网络;新的交互体验
RIC:富客户端,更友好的交互模式
1,更加绚丽的界面元素;
2,局部刷新(无刷新)
3,异步调用,免去等待server响应
Ajax
局部刷新,异步调用
XMLHttpRequest对象
//发送请求到服务器,判断用户是否存在
//1,创建XMLHttpRequest对象
var xmlHttpRequest = new XMLHttpRequest();
//2,设置回调函数
xmlHttpRequest.onreadystatechange = huidiao;
//3,打开请求,设置方法和请求地址
xmlHttpRequest.open("post",url);
//4,发送请求到服务器
xmlHttpRequest.send();
//5,编写回调函数,判断readystate为4处理完成,并且http状态码为200
function huidiao(){
if(xmlHttpRequest.readystate==3){
alert("数据正在加载中");
}
if(xmlHttpRequest.readystate==4&&xmlHttpRequest.status==200){
var txt = xmlHttpRequest.responseText;
document.getElementById("msg").innerHTML = txt;
}
}
请求状态:0--未初始化;1--初始化;2--发送请求;3--开始接受结果;4--接受结果完毕
每次状态改变都会调用回调函数
HTML返回码:200--OK,404--NotFound,500--服务器端出错
XMLHttpRequest属性
Onreadychange--设置回调函数,状态改变一次,调用一次
readyState--组件的状态信息(0,1,2,3,4)
status--服务器应答状态码(200,404,500)
responseText--得到服务器应答字符串