- A+
所属分类:MVC
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" readonly 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
【id是表单ID、urlString是/控制器/方法】
- function Ajax_add(id, urlString) {
- var form = $(id);
- var i = 0;
- 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");
- }
- },
- error: function (XMLResponse) {
- alert(XMLResponse.responseText);
- //这里是错误处理,通过这个alert可以看到错误的信息。对于你调试来说是比较重要的哦。
- }
- };
- if (i < 1) {
- form.ajaxSubmit(options);
- i++;
- }
- return false; //为了不刷新页面,返回false
- });
- }
Controllers
【flag是自己随意定义的】
相对方法一来说简化了一些代码,控件Name与数据库字段匹配的情况下可以直接填入,不需要后期在进行指定字段。
- public JsonResult pkg_bene_add(FormCollection f,SB_BASE_YEAR sb_base)
- {
- sb_base.SB_ID_YEAR= "随机数"
- entities.SB_BASE_YEAR.Add(sb_base);
- entities.SaveChanges();
- return Json("[{'flag':'true'}]");
- }