ajax的学习1

xiaoxiao2021-02-28  52

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

}

转载请注明原文地址: https://www.6miu.com/read-75940.html

最新回复(0)