MVC提交Form表单（方法三）

  • A+
所属分类：MVC

MVC提交Form表单（方法三）

Views

  1. <script src="~/Contents/js/jquery-form.js"></script>  
  2. <form class="form-horizontal" method="post" id="表单ID" name="表单name">  
  3.        <div class="form-group">  
  4.              <label class="col-sm-4 control-label">证件编号：</label>  
  5.                 <div class="col-sm-7" id="comcode">  
  6.                    <input id="REG_DOC_SN" name="REG_DOC_SN" class="form-control" readonly type="text">  
  7.                 </div>  
  8.           </div>  
  9.       <div class="form-group">  
  10.           <div class="col-sm-8 col-sm-offset-4">  
  11.             <button class="btn btn-primary" type="submit" onclick="pkg_bene_add('#表单ID','/控制器/方法');">保存</button>  
  12.                <button class="btn btn-danger" type="submit">重置</button>  
  13.            </div>   
  14.        </div>  
  15. </form>  

JavaScript

【id是表单ID、urlString是/控制器/方法】

  1. function Ajax_add(id, urlString) {  
  2.     var form = $(id);  
  3.     var i = 0;  
  4.     form.submit(function ()//提交表单     
  5.     {  
  6.         var options = {  
  7.             beforeSubmit: function () {  
  8.                 return true;  
  9.             },  
  10.             url: urlString, //提交给哪个执行     
  11.             type: 'POST',  
  12.             dataType: "json",//这里是指控制器处理后返回的类型，这里返回json格式。    
  13.             success: function (context) {  
  14.                 //这里就是控制器返回的json里的一项name.  
  15.                 var data = eval(context);  
  16.                 var fla = data[0].flag;  
  17.                 if (fla == "true") {  
  18.                     swal("提交成功", "请继续接下来的信息填写!", "success");  
  19.                 }  
  20.             },  
  21.             error: function (XMLResponse) {  
  22.                 alert(XMLResponse.responseText);  
  23.                 //这里是错误处理，通过这个alert可以看到错误的信息。对于你调试来说是比较重要的哦。    
  24.             }  
  25.         };  
  26.         if (i < 1) {  
  27.             form.ajaxSubmit(options);  
  28.             i++;  
  29.         }  
  30.         return false; //为了不刷新页面,返回false  
  31.     });  
  32. }  

Controllers

【flag是自己随意定义的】
相对方法一来说简化了一些代码，控件Name与数据库字段匹配的情况下可以直接填入，不需要后期在进行指定字段。

  1. public JsonResult pkg_bene_add(FormCollection f,SB_BASE_YEAR sb_base)  
  2.         {  
  3.             sb_base.SB_ID_YEAR= "随机数"  
  4.             entities.SB_BASE_YEAR.Add(sb_base);  
  5.             entities.SaveChanges();                                                                    
  6.             return Json("[{'flag':'true'}]");  
  7.         }  
jquery-form.js
钰玺

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: