jquery+struts+json实现表单提交

 

action:


import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.convention.annotation.ParentPackage;
import org.apache.struts2.convention.annotation.Result;
import org.apache.struts2.interceptor.ServletResponseAware;
import org.apache.struts2.json.annotations.JSON;

import com.dayatang.projmgmt.domain.Organization;
import com.dayatang.projmgmt.domain.OrganizationCategory;
import com.opensymphony.xwork2.ActionSupport;

@ParentPackage(value = "web")
@Result(type="json")
public class OrganizationAddAction extends ActionSupport implements ServletResponseAware {

      private static final long serialVersionUID = -9144714624629753343L;
     
      private String address;
      private OrganizationCategory category;
      private String email;
      private String name;
      private String homePage;
      private String tel;
      private HttpServletResponse response ;
     
      public String execute() {
            
             Organization org = new Organization();
            org.setAddress(address);
            org.setCategory(category);
            org.setEmail(email);
            org.setHomePage(homePage);
            org.setName(name);
            org.save();
           
            response.setContentType("text/json");
           
            return SUCCESS;
      }
     
      @JSON(name="success")
      public String getJSON() {
            return "true";
      }
     
      @JSON(serialize=false)
      public String getAddress() {
            return address;
      }
      public void setAddress(String address) {
            this.address = address;
      }
      @JSON(serialize=false)
      public OrganizationCategory getCategory() {
            return category;
      }
     
      public void setCategory(OrganizationCategory category) {
            this.category = category;
      }
      @JSON(serialize=false)
      public String getEmail() {
            return email;
      }
      public void setEmail(String email) {
            this.email = email;
      }
      @JSON(serialize=false)
      public String getName() {
            return name;
      }
      public void setName(String name) {
            this.name = name;
      }
      @JSON(serialize=false)
      public String getHomePage() {
            return homePage;
      }
      public void setHomePage(String homePage) {
            this.homePage = homePage;
      }
      @JSON(serialize=false)
      public String getTel() {
            return tel;
      }
      public void setTel(String tel) {
            this.tel = tel;
      }
      public void setServletResponse(HttpServletResponse response) {
            this.response = response;
      }
}

jsp:

        <script>
    $(function(){
                  $('#fm').submit(function(){
                              jQuery.ajax({
                                      url: url,    // 提交的页面
                                      data: $('#fm').serialize(), // 从表单中获取数据
                                      type: "POST",                                    // 设置请求类型为"POST"，默认为"GET"
                                      success: function(result){
                                    var result = eval_r(result);
                                    if (result.success){
                                          $('#dlg').dialog('close');            // close the dialog
                                          $('#dg').datagrid('reload');      // reload the data
                                    } else {
                                          $.messager.show({
                                                title: 'Error',
                                                msg: result.msg
                                          });
                                    }
                              }
                              });
                              return false;
                      });
            });
</script>

<div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"
                  closed="true" buttons="#dlg-buttons">
            <div class="ftitle">单位信息</div>
            <form id="fm" method="post">
                  <div class="fitem">
                        <label>名称</label>
                        <input name="name" class="easyui-validatebox" required="true">
                  </div>
                  <div class="fitem">
                        <label>邮箱</label>
                        <input name="email" class="easyui-validatebox" validType="email">
                  </div>
                  <div class="fitem">
                        <label>电话</label>
                        <input name="tel">
                  </div>
                  <div class="fitem">
                        <label>地址</label>
                        <input name="address" >
                  </div>
                  <div class="fitem">
                        <label>主页</label>
                        <input name="homePage" >
                  </div>
                  <input type="submit" value="ss" />
            </form>
      </div>
      <div id="dlg-buttons">
            <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onClick="save()">Save</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" οnclick="javascript:$('#dlg').dialog('close')">Cancel</a>
      </div>