MVC使用ajax方法提交表单(二)

.NET MVC 专栏收录该内容
6 篇文章 0 订阅

昨天,我介绍了我比较常用的ajax表单及文件的上传方法,MVC使用ajax方法提交表单(一)
今天是另外一种,这次的方法是利用控件jquery.form.js,使用方法比较简单,需要注意的是只能传递表单,不支持图片和文件。
首先需要引入下面的js脚本。
1) 插件需要Jquery最低版本为v1.5
2) 插件提供了ajaxSubmit和ajaxForm两种表单提交方式,但不要对同一个表单同时使用两种方式。

<script src="../../Content/jquery.form.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate-vsdoc.js" type="text/javascript"></script>

下面是监听form表单提交事件(无论同步还是异步)

$(document).ready(function () {
        var form = $("#form1");
        form.submit(function () {
            $.post(form.attr("action"),
                     form.serialize(),
                     function (json) {
                         var msg = json.options;
                         if (msg == "ok") {
                             alert("成功添加!");
                             window.location.href = '/Home/Index';
                         }
                         else if (msg == "no") {
                             alert("添加失败!");
                         }
                     },
                     "json");
            return false;
        });
        });

后台接收代码
[HttpPost]
public ActionResult AjaxAddUser(FormCollection form, HttpPostedFileBase File1)
{
string name = form[“name”];
int age = int.Parse(form[“age”]);
DateTime date = System.DateTime.Now;
string path = form[“txt_src”]; ;

        UserList u = new UserList();
        u.name = name;
        u.age = age;
        u.jointime = date;
        u.Url = path;
        //添加,这个只是在内存上操作
        db.UserList.AddObject(u);
        //保存到数据库
        int ac = 0;
        string msg;
        ac = db.SaveChanges();
        if (ac > 0)
        {
            msg = "ok";
        }
        else
        {
            msg = "no";
        }
        return Json(new { options = msg }, JsonRequestBehavior.AllowGet);
        //return msg;
    }
  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页

打赏

Faith1460

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值