MVC提交Form表单(方法一)

本文详细介绍了在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/ 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值