如何在struts2的action中返回数据(普通字符串、图片)给ajax核心中的XMLHttpRequest对象。
今天下午做项目,就是用户注册是时候,登录名是否唯一,我用的ajax验证,但怎么也不返回我想要的数据,纠结了老半天,后来百度了一下,response对象为空,写上这行代码就OK了,HttpServletResponse response = ServletActionContext.getResponse();当你输入完登录名之后把光标移到下面的时候。ajax就会通过异步交互实现页面的局部刷新。从数据库中能查到数据就返回一个苦的表情,如没有则返回一个笑的表情。
下面和大家分享一下。
今天下午做项目,就是用户注册是时候,登录名是否唯一,我用的ajax验证,但怎么也不返回我想要的数据,纠结了老半天,后来百度了一下,response对象为空,写上这行代码就OK了,HttpServletResponse response = ServletActionContext.getResponse();当你输入完登录名之后把光标移到下面的时候。ajax就会通过异步交互实现页面的局部刷新。从数据库中能查到数据就返回一个苦的表情,如没有则返回一个笑的表情。
下面和大家分享一下。
先看效果,下图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/b281e9932755f5f93ae012737c1cdb84.bmp)
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;
}
/** 获取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=p_w_picpaths/wait.gif />';
xhr.onreadystatechange = function (){
if(xhr.readyState==4 && xhr.status==200){
if(xhr.responseText){
document.getElementById( "spanUser").innerHTML = '<img src=p_w_picpaths/cry.png />';
} else{
document.getElementById( "spanUser").innerHTML = '<img src=p_w_picpaths/smile.png />';
}
}
}
}
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=p_w_picpaths/wait.gif />';
xhr.onreadystatechange = function (){
if(xhr.readyState==4 && xhr.status==200){
if(xhr.responseText){
document.getElementById( "spanUser").innerHTML = '<img src=p_w_picpaths/cry.png />';
} else{
document.getElementById( "spanUser").innerHTML = '<img src=p_w_picpaths/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" οnblur= "checkuser()">
<span id= "spanUser"></span>
</div>
</td>
</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>
转载于:https://blog.51cto.com/myoraclex/580433