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" οnblur="checkuser()">
<span id="spanUser"></span>
</div>
</td>

</tr>