struts2中使用ajax之一

首先导入包

json-lib-2.1.jar

struts2-json-plugin-2.1.8.1.jar(这两个是JSON所必须的包)

ezmorph-1.0.3.jar, commons-collections-3.2.jar

commons-beanutils-1.7.0.jar

commons-logging-1.0.4.jar

commons-lang-2.3.jar (因为json大量引用了Apache commons的包,所以需要引入commons的四个包。)

然后看action:


public class RegisterAction extends ActionSupport implements RequestAware, SessionAware
{
IUserDao iud = new UserDaoImpl();
private Map<String, Object> request;
private Map<String, Object> session;

private String name;
private String pwd;
private String rpwd;
private String gender;
private String head;
private String code;
private String tip; // ajax返回的结果


public String execute()
{
int genderInt = Integer.parseInt(gender);
String serCode = session.get("validateCode").toString();

// 验证码输入正确
if (serCode.equals(code))
{
User u = new User();
u.setGender(genderInt);
u.setHead(head);
u.setPassWord(pwd);
u.setRegTime(new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new java.util.Date()));
u.setUserName(name);
iud.addUser(u);
tip="注册成功,登录去吧";
}
else
{
tip="验证码不正确";
}

return SUCCESS;
}

..........省略get set

}


struts.xml--这里还使用的是Struts自带的ajax
<package name="ajax" namespace="/" extends="json-default">
<action name="regSub" class="com.xy.action.RegisterAction">
<result type="json">
</result>
</action>
</package>

jsp:
$("#btnSubmit").click(function(){
var uname = $("#txtUserName").val();
var pwd = $("#txtPwd").val();
var rpwd = $("#txtRepeatPwd").val();
var gender = $("input[name=gender]:checked").val();
var head = $("input[name=head]:checked").val();
var code = $("#txtCode").val();

$.get("regSub", {
name: uname,
pwd: pwd,
rpwd: rpwd,
gender:gender,
head:head,
code:code
}, function (data, status) {
$('#hint').html(data.tip);
});
})

<table height="100px" id="register">
<tr>
<td align="right">
用 户 名
</td>
<td align="left">
<input id="txtUserName" type="text" maxlength="10"style="width: 150px" />
</td>
</tr>
<tr>
<td align="right">
密码
</td>
<td align="left">
<input id="txtPwd" type="password" maxlength="10" style="width: 150px" />
</td>
</tr>
<tr>
<td align="right">
重复密码
</td>
<td align="left">
<input id="txtRepeatPwd" type="password" maxlength="10" style="width: 150px" />
</td>
</tr>
<tr>
<td align="right">
性别
</td>
<td align="left">
<input id="man" type="radio" name="gender" checked="true"value="1" />
<label for="man">

</label>
<input id="woman" type="radio" name="gender" value="2" />
<label for="woman">

</label>
</td>
</tr>
<tr>
<td align="right">
验证码
</td>
<td align="left">
<input id="txtCode" type="text" style="width: 150px" />
<img id="imgCode" src="toCode" />
<a href="javascript:change()"> 看不清,换一张</a>

<input type="button" id="btnSubmit value="注册"/>// 注意哦,是button类型,不是submit
</td>
</tr>
</table>

还有一种方式在Struts中使用ajax,请参看我的博文《struts2中使用ajax之二》。

你可能感兴趣的:(struts2)