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之二》。