js方式实现Ajax
1.Ajax是由异步js和xml来实现的
a.异步刷新(刷新页面部分模块)
例:若网页中某一个地方需要修改,使用异步刷新的话,只会刷新需要修改的地方,其他地方保持不变。
b.全局刷新(刷新整个页面)
例:若网页中某一个地方需要修改,使用全局刷新的话,会重新加载(请求转发,重定向,超链接等方式)整个页面。
2.使用js实现ajax步骤(主要通过XMLHttpRequest对象来完成)
a.
//定义全局的XMLlHttpRequest对象
xmlHttpRequest=new XMLHttpRequest();
b.
//设置xmlHttpRequest对象的回调函数
xmlHttpRequest.onreadystatechange=callBack ;//js方式调用函数不需要加()
c.
//定义回调函数(接收服务端的返回值)
function callBack()
{
...
if(xmlHttpRequest.readyState == 4&&xmlHttpRequest.status == 200)
...
}
d.
//请求服务端(get或post方式)
xmlHttpRequest.open("post","MobileServlet",true);
e.
//设置请求头信息(若包含文件上传则第二个字段值应修改为:"multipart/form-data")
xmlHttpRequest.setRequestHeader("content-Type","application/x-www-form-urlencoded");
f.
//将数据发送到服务端(若为get方式则参数值为null)
xmlHttpRequest.send("mobile="+mobile);//k=v