首先看jsp视图页面效果:
需求:没有连接数据库,我直接默认了一个当用户输入admin的时候,大则假设用户已经存在。鼠标离开的时候触发事件checkUser():
checkUser()代码如下:
<script type="text/javascript"> { var username=$("#username").val(); $.ajax( { url:'checkUser.action', type:'get', data:'username='+username, success:($.trim(result)=="true"){ $("#userMess").html("用户名已被使用!"); return false; }else{ $("#userMess").html(""); } }, error:function(){ alert("Ajax执行失败!!"); return false; } } ); } </script>必须在头中引入jQuery文件哦,这个不能忘!
在上述Ajax代码中,运用get提交方法,将参数username提交到Struts2配置文件中去:
配置文件代码如下:
====>然后,通过此配置文件,将程序指引到UserAction类中的checkUser方法中去。
UserAction类:
checkUser(){ HttpServletRequest request=ServletActionContext.getRequest(); String username=request.getParameter("username"); String msg=null; username.equals("admin")){ msg="true"; }else{ msg="false"; } inputStream=new ByteArrayInputStream(msg.getBytes()); return "success"; }从这个方法中,得到从视图传过来的username值,与内定的“admin”做对比,并返回结果。将结果交由Struts文件处理,再返回给Ajax程序,最终返回处理结果。在jsp视图中显示给用户。