1、通过AJAX检验用户是否已被注册var req; function createAJAX() { if (window.XMLHttpRequest) {//标准DOM req = new XMLHttpRequest(); } else if (window.ActiveXObject) {//IE req = new ActiveXObject("Microsoft.XMLHTTP"); } } function myAJAX(url) { createAJAX(); req.onreadystatechange = function() { if (req.readyState == 4) { if (req.status == 200) { alert(req.responseText);//返回的是文本 } else { alert("页面出错" + req.status); } } }; req.open("GET", url, true); req.send(null); } function userCheck() { var f = document.forms[0]; var username = f.username.value; if (username == "") { window.alert("The user name can not be null!"); f.username.focus(); return false; } else { myAJAX("ajax/check.do?username=" + encodeURIComponent(username));//调用AJAX,encodeURIComponent函数处理中文乱码 } } </script> <body> <form name="form1" action="" method="post"> User Name:<input type="text" name="username" value=""> <input type="button" name="check" value="check" onClick="userCheck()"> <input type="submit" name="submit" value="/blog/submit"> </form> </body> public final ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { response.setCharacterEncoding("UTF-8"); response.setContentType("text/html");//设置返回text response.setHeader("Cache-Control", "no-cache"); PrintWriter out = response.getWriter(); String username = request.getParameter("username"); String retn; if ("educhina".equals(username)) { retn = "Can't use the same name with the old use,pls select a difference..."; } else { retn = "congraducation!you can use this name...."; } out.write(retn); System.out.println("**********************8"); return null; } 2、输入省份,显示城市名称(返回XML)<mce:script type="text/javascript"><!-- var req; function createAJAX() { if (window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } } function myAJAX(url) { createAJAX(); req.onreadystatechange = function() { if (req.readyState == 4) { if (req.status == 200) { var cities = req.responseXML;//服务器端返回xml,下面的是将xml解析显示在页面 var countries = cities.getElementsByTagName("cities")[0]; var country = countries.getElementsByTagName("city"); var ciry = document.getElementById("city"); for ( var i = 0; i < country.length; i++) { var ndValue = country[i].firstChild.nodeValue; ciry.innerHTML += ndValue+"<br />"; } } else { alert("页面出错" + req.status); } } }; req.open("GET", url, true); req.send(null); } function search() { var f = document.forms[0]; var cities = f.getCities.value; if (cities == "") { window.alert("The Cities name can not be null!"); f.getCities.focus(); return false; } else { myAJAX("ajax/citys.do?getCities=" + cities); } } // --></mce:script> <body> <form name="form1" action="" method="post"> <input type="text" name="getCities" id="getCities" value=""> <input type="button" name="check" value="check" onClick="search()"> </form> <span id="city"></span> </body> public final ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { response.setCharacterEncoding("UTF-8"); response.setContentType("application/xml");//返回xml response.setHeader("Cache-Control", "no-cache"); PrintWriter out = response.getWriter(); String citys = request.getParameter("getCities"); if ("ba".equals(citys)) { StringBuffer cities = new StringBuffer(); cities.append("<?xml version=/"1.0/" encoding=/"UTF-8/"?><cities>");//xml头要写,不写将以text返回 for (int i = 0; i < 5; i++) { cities.append("<city>ba" + i + "</city>"); } cities.append("</cities>"); out.write(cities.toString()); } return null; }