什么是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]; } }}