Javaweb学习之Ajax介绍

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--得到服务器应答字符串