MVC提交Form表单(方法一)
Views
<script src="~/Contents/js/jquery-form.js"></script> <form class="form-horizontal" method="post" id="表单ID" name="表单name"> <div class="form-group"> <label class="col-sm-4 control-label">证件编号:</label> <div class="col-sm-7" id="comcode"> <input id="REG_DOC_SN" name="REG_DOC_SN" class="form-control" disabled type="text"> </div> </div> <div class="form-group"> <div class="col-sm-8 col-sm-offset-4"> <button class="btn btn-primary" type="submit" onclick="pkg_bene_add("#表单ID","/控制器/方法");">保存</button> <button class="btn btn-danger" type="submit">重置</button> </div> </div> </form>
JavaScript
function pkg_bene_add(id, urlString) { var form = $(id); form.submit(function ()//提交表单 { var options = { beforeSubmit: function () { return true; }, url: urlString, //提交给哪个执行 type: "POST", dataType: "json",//这里是指控制器处理后返回的类型,这里返回json格式。 success: function (context) { //这里就是控制器返回的json里的一项name. var data = eval(context); var fla = data[0].flag; if (fla == "true") { swal("提交成功", "请继续接下来的信息填写!", "success"); clearF(id);//清空表单 } //else //{ // swal("无效提交", "信息没有任何更改", "error"); //} }, error: function (XMLResponse) { alert(XMLResponse.responseText); //这里是错误处理,通过这个alert可以看到错误的信息。对于你调试来说是比较重要的哦。 } }; form.ajaxSubmit(options); return false; //为了不刷新页面,返回false }); }
Controllers
public JsonResult pkg_bene_add(FormCollection f) { pkg_bene.PKG_NAME = f["PKG_NAME"]; pkg_bene.SERV_NAME = f["QiTa_ERV_NAME"]; entities.PKG_BENE.Add(pkg_bene); entities.SaveChanges(); return Json("[{"flag":"true"}]"); }
YuXi-钰玺博客 同步更新 http://www.studenty.cn/
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。