AJAX示例解析
本文通过一个具体的示例展示了如何使用AJAX技术实现网页的部分更新而无需重新加载整个页面。该示例包括了前端JavaScript代码用于发送异步请求，以及后端处理请求并返回响应的逻辑。
//jsppage<scripttype="text/javascript">varreq;varwhich;
functionretrieveURL(url)...{
if(window.XMLHttpRequest)...{//Non-IEbrowsers
req=newXMLHttpRequest();req.onreadystatechange=processStateChange;try...{req.open("GET",url,true);}catch(e)...{alert(e);
}req.send(null);}elseif(window.ActiveXObject)...{//IEreq=newActiveXObject("Microsoft.XMLHTTP");if(req)...{req.onreadystatechange=processStateChange;req.open("GET",url,true);req.send();}}
}functionprocessStateChange()...{if(req.readyState==4)...{//Completeif(req.status==200)...{//OKresponsedocument.getElementById("txtText").value=req.responseText;}else...{alert("Problem:"+req.statusText);}}}</script><body><bean:messagekey="title.key"/><html:formaction="/index"method="post"><inputtype="button"value="ok"onclick="retrieveURL('/demohi/index.do?status=tn')"/><inputtype="text"id="txtText"/></html:form></body>//ActionpublicActionForwardexecute(ActionMappingmapping,ActionFormform,HttpServletRequestrequest,HttpServletResponseresponse)...{IndexFormf1=(IndexForm)form;if(request.getParameter("status").equals("tn"))...{try...{response.setContentType("text/html");PrintWriterout=response.getWriter();out.print("thisisatestajax");out.flush();}catch(Exceptionme)...{}}}
扫一扫
2709
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
