本文介绍了一个简单的Ajax应用案例，通过按钮点击触发Ajax请求，实现局部页面内容的异步更新，避免了整个页面的重新加载。
//jsp page<script type="text/javascript"> var req; var which;
function retrieveURL(url) ...{ 
if (window.XMLHttpRequest) ...{ // Non-IE browsers
req = new XMLHttpRequest(); req.onreadystatechange = processStateChange; try ...{ req.open("GET", url, true); } catch (e) ...{ alert(e);
} req.send(null); } else if (window.ActiveXObject) ...{ // IE req = new ActiveXObject("Microsoft.XMLHTTP"); if (req) ...{ req.onreadystatechange = processStateChange; req.open("GET", url, true); req.send(); } }
} function processStateChange() ...{ if (req.readyState == 4) ...{ // Complete if (req.status == 200) ...{ // OK response document.getElementById("txtText").value = req.responseText; } else ...{ alert("Problem: " + req.statusText); } } } </script><body> <bean:message key="title.key"/> <html:form action="/index" method="post" > <input type="button" value="ok" onclick="retrieveURL('/demohi/index.do?status=tn')"/> <input type="text" id="txtText" /> </html:form> </body>//Action public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) ...{ IndexForm f1 = (IndexForm) form; if (request.getParameter("status").equals("tn")) ...{ try ...{ response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.print("this is a test ajax"); out.flush(); } catch (Exception me) ...{ } }}
扫一扫
1326
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
