今天下午做项目,就是用户注册是时候,登录名是否唯一,我用的ajax验证,但怎么也不返回我想要的数据,纠结了老半天,后来百度了一下,response对象为空,写上这行代码就OK了,HttpServletResponse response = ServletActionContext.getResponse();当你输入完登录名之后把光标移到下面的时候。ajax就会通过异步交互实现页面的局部刷新。从数据库中能查到数据就返回一个苦的表情,如没有则返回一个笑的表情。
下面和大家分享一下。
/** 获取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;
}
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 />';
}
}
}
}
<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>