ajax的学习1

什么是ajax：在刚开始ajax的学习时，老师给我们讲的例子是以前非常火爆的 QQ农场 的实现，

使用各种工具进行操作，都会反映在你的菜园子里而其他的不变。

这就是的“异步交互”“局部刷新”，只刷新菜园子而不刷新别的。

ajax的作用：减少了服务器与浏览器之间的数据交互，减少服务器的处理时间，

从请求到响应的时间减少，直接的效果就是：网页的浏览更加快速，顺畅。

下面是我学习ajax的具体代码：

前端部分：<input type="button"οnclick="selectCity()" >

var xmlHttpRequest;

function selectCity(){
var value=form.province.value;
if(value==-1){
form.city.options.length=0;
}else if(value==1){
form.city.options.length=3;
}
if(xmlHttpRequest==null){
xmlHttpRequest=createXmlHttpRequest();
} 
var url="/JSTest/AjaxTest?province="+value;
xmlHttpRequest.open("get",url,true);
xmlHttpRequest.onreadystatechange=ajaxCallBack;
xmlHttpRequest.send();
}
function ajaxCallBack(){
if(xmlHttpRequest.status==200&&xmlHttpRequest.readyState==4){
var msg=xmlHttpRequest.responseText;
var arr=msg.split("&");
var len=arr.length-1;
form.city.options.length=arr.length-1;
for(var i=0;i<arr.length-1;i++){
form.city.options[i].text=arr[i];
}
}

}