struts

author:z_xiaofei168

       如何在struts2的action中返回数据（普通字符串、图片）给ajax核心中的XMLHttpRequest对象。
       今天下午做项目，就是用户注册是时候，登录名是否唯一，我用的ajax验证，但怎么也不返回我想要的数据，纠结了老半天，后来百度了一下，response对象为空，写上这行代码就OK了，HttpServletResponse response = ServletActionContext.getResponse();当你输入完登录名之后把光标移到下面的时候。ajax就会通过异步交互实现页面的局部刷新。从数据库中能查到数据就返回一个苦的表情，如没有则返回一个笑的表情。
     下面和大家分享一下。

     先看效果，下图所示：





Java代码 
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;  
    } 

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;
}

  

Java代码 
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 />';  
            }  
        }  
    }  
} 

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 />';
    }
    }
    }
}

  

  

Java代码 
<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>