jQuery技术

在Struts2中,使用jQuery和Ajax技术实现(页面无刷新)检查用户名是否存在

字号+ 作者:H5之家 来源:H5之家 2017-02-11 11:00 我要评论( )

首先看jsp视图页面效果: 需求:没有连接数据库,我直接默认了一个当用户输入admin的时候,大则假设用户已经存在。鼠标离开的时候触发事件checkUser(): checkUs

首先看jsp视图页面效果:

jQuery和Ajax技术实现(页面无刷新)检查用户是否存在

需求:没有连接数据库,我直接默认了一个当用户输入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视图中显示给用户。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jEditable jQuery技术使用

    jEditable jQuery技术使用

    2017-02-11 10:00

  • content水平居中

    content水平居中

    2017-02-09 13:01

  • 浅谈jQuery技术在Web开发中的应用

    浅谈jQuery技术在Web开发中的应用

    2017-02-09 09:00

  • 用director.js实现前端路由使用实例

    用director.js实现前端路由使用实例

    2017-02-03 14:08

网友点评