Struts2 Ajax Jquery 验证用户名
Posted monkeyjava
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Struts2 Ajax Jquery 验证用户名相关的知识，希望对你有一定的参考价值。
JS：
<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script> <script type="text/javascript"> $(document).ready( function(){ $("#uname").blur( //添加文本框失去焦点事件 function(){ var uname=$("#uname").val(); //获取文本框的值 $.ajax({ //获取 ajax type:‘get‘, //请求方式 url:‘<%=basePath%>login.action‘, //发送给哪个Action data:"uname="+uname, //发送uname给Action success:function(data){ //执行成功后的函数 data参数有Action返回自动赋值 if(data=="success") //如果返回值为success { $("#nameMessage").html("验证成功"); //在span标签显示验证成功 }else{ $("#nameMessage").html("验证失败"); } } }); }) }); </script>
JSP：
<body> <form action="<%=basePath%>login.action"> <p> <input type="text" name="uname" id="uname"> </p> <p> <input type="text" name="upwd" id="upwd"> </p> <span id="nameMessage"></span> </form> </body>
Action：
public class LoginAction extends ActionSupport { private String uname; private String upwd; @Override public String execute() throws Exception { HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=utf-8"); PrintWriter out = response.getWriter(); if ("lwq".equals(uname)) { out.print("error"); } else { out.print("success"); //最后由ajax中data自动接收 } out.close(); return null; } public String getUname() { return uname; } public void setUname(String uname) { this.uname = uname; } public String getUpwd() { return upwd; } public void setUpwd(String upwd) { this.upwd = upwd; }
以上是关于Struts2 Ajax Jquery 验证用户名的主要内容，如果未能解决你的问题，请参考以下文章