MVC提交Form表单（方法一）

最新推荐文章于 2021-11-03 11:45:43 发布

MrCui.

最新推荐文章于 2021-11-03 11:45:43 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： mvc asp.net 文章标签： mvc .net asp.net jquery

本文链接：https://blog.youkuaiyun.com/c1113072394/article/details/53039500

mvc 同时被 2 个专栏收录

18 篇文章

订阅专栏

asp.net

17 篇文章

订阅专栏

本文详细介绍了在ASP.NET MVC框架下，如何利用jQuery来提交Form表单，涵盖了从基本的HTML表单创建到jQuery的Ajax提交过程，以及服务器端的控制器接收和处理数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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/