日期:2014-05-16 浏览次数:20627 次
?
?
?
author:z_xiaofei168
?????? 如何在struts2的action中返回数据(普通字符串、图片)给ajax核心中的XMLHttpRequest对象。
?????? 今天下午做项目,就是用户注册是时候,登录名是否唯一,我用的ajax验证,但怎么也不返回我想要的数据,纠结了老半天,后来百度了一下,response对象为空,写上这行代码就OK了,HttpServletResponse response = ServletActionContext.getResponse();当你输入完登录名之后把光标移到下面的时候。ajax就会通过异步交互实现页面的局部刷新。从数据库中能查到数据就返回一个苦的表情,如没有则返回一个笑的表情。
???? 下面和大家分享一下。
???? 先看效果,下图所示:
?
public String checkLogin() throws Exception { /** 获取response对象 */ HttpServletResponse response = ServletActionContext.getResponse(); /** 获取输出out对象 */ PrintWriter out = response.getWriter(); Customers cus = customersServiceImpl.checkLogin(entity); if (cus.getCname().equals(entity.getCname())) { out.print("1111"); }else{ } /** 这里返回的是null */ return null; }
?
??
function $(id) { return document.getElementById(id); } //getAjax请求 //创建XMLHttpRequest对象 function getXhr() { var xhr; try { //IE浏览器 xhr = new ActiveXObject("Microsoft.XMLHTTP"); } catch (err) { try { //firefox opera 等其他浏览器 xhr = new XMLHttpRequest(); } catch (er) { alert("您的浏览器不支持ajax技术的操作,请您升级....."); } } return xhr; } function checkuser() { var user = document.getElementById("cname").value; //获取xhr对象 var xhr = getXhr(); xhr.open("get","csdn/customers_checkLogin.action?entity.cname="+user,true); xhr.send(); document.getElementById("spanUser").innerHTML = '<img src=images/wait.gif />'; xhr.onreadystatechange = function (){ if(xhr.readyState==4 && xhr.status==200){ if(xhr.responseText){ document.getElementById("spanUser").innerHTML = '<img src=images/cry.png />'; }else{ document.getElementById("spanUser").innerHTML = '<img src=images/smile.png />'; } } } }
?
??
??
<tr> <td class="td01"> 登录名<span class=" text_o">*</span>: </td> <td class="td02" style="width: 400px;"> <div class="left"> <input name="entity.cname" id="cname" type="text" size="30" onblur="checkuser()"> <span id="spanUser"></span> </div> </td> </tr>
?