需要使用jquery-1.10.2.min.js
①jar导入
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" οnblur="check();"/><span id="span1"></span><br/>
密 码:<input type="text" name="pwd"/><br/><br/>
<input type="submit" value="注册"/>
</form> <br>
</body>
</html>
④Action
String result;
public String getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}
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";
}