SSH中的ajax jquery配置(注册验证用户名是否存在)

①jar导入

jquery-1.10.2.min.js

ezmorph-1.0.6.jar 放在WEB-INF下的lib下面

②struts.xml配置

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
	<package name="default" namespace="/" extends="struts-default,json-default">
		<action name="UserAction_*" class="UserAction" method="{1}" >
			<result type="json"><param name="root">result</param></result>  
		</action>


	</package>
</struts>

③jsp页面

<html>
  <head>
	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
  	<script type="text/javascript">
  		function check()
  		{
  		$.ajax({ 
				url:"UserAction_register",//请求验证页面 
				type:"POST",//请求方式 可换为post 注意验证页面接收方式 
				data:{username:$("#username").val()},//取得表文本框数据，作为提交数据 注意前面的 user 此处格式 key=value 其他方式请参考ajax手册
				dataType:"json",success: function(data) 
						{ //请求成功时执行操作						
							 var d = eval("("+data+")");//将数据转换成json类型，可以把data用alert()输出出来看看到底是什么样的结构
                        //得到的d是一个形如{"key":"value","key1":"value1"}的数据类型，然后取值出来
							$("#span1").text(d.msg);
						},error:function(){
						return false;
				}
					}); 
					
  		}
  	</script>
  
  </head>
  
  <body>
   <form action="UserAction_isLogin" method="post">
   		用户名:<input type="text" name="name" id="username" onblur="check();"/><span id="span1"></span><br/>
   		密码:<input type="text" name="pwd"/><br/><br/>
   		<input type="submit" value="注册"/>
   </form> <br>
  </body>
</html>

④Action

String result;
result----->set   get;
public String register()
	{
		boolean b=userService.isNameExist(username);
	
		if(b)
		{
			JSONObject object=new JSONObject();
			String s= "用户名已存在!";
			object.put("msg",s);
			result=JSONObject.fromObject(object).toString();
			return "success";
		}
		return "success";
	}

SSH中的ajax jquery配置(注册验证用户名是否存在)

相关文章