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

目前我常用的方式有两种,这次先介绍第一种,利用formData进行传递:
使用formData进行传递,好处是可以传递文件和图片,而且使用起来也十分方便。
在control控制界面中,我把接收图片及另存为的代码也附上。
下面是js代码

function doUpload() {
        var formData = new FormData($("#form1")[0]);  // 要求使用的html对象
        $.ajax({
            url: 'http://localhost:6751/Home/AjaxAddUser',
            type: 'POST',
            data: formData,
            async: true,
            // 下面三个参数要指定,如果不指定,会报一个JQuery的错误 
            cache: false,
            contentType: false,
            processData: false,
            success: function (msg) {
                alert(msg);
                window.location.href = '/Home/Index';
            },
            error: function (msg) {
                alert(msg);
            }
        });
    }

控制器的接收代码

[HttpPost]
        public string AjaxAddUser(FormCollection form, HttpPostedFileBase File1)
        {
            string name = form["name"];
            int age = int.Parse(form["age"]);
            DateTime date = System.DateTime.Now;
            var fileName = Path.Combine(Request.MapPath("~/Upload"), Path.GetFileName(File1.FileName));
            File1.SaveAs(fileName);
            string path = "/Upload/" + Path.GetFileName(File1.FileName);

            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;
        }

也可以利用formdata先实现图片的上传,然后在页面中直接预览文件,这样用户在上传之后就可以看到自己上传的图片效果,用户体验更好。具体代码很简单,我就不举例了。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页