Question

尝试将一些数据保存到数据库时出现问题。我可以在JS函数中看到ID和Date返回适当的值...但是，控制器类中Process函数的参数仍然为null。我不知道为什么会这样。 Hello模型中还包含一个linq查询，但是由于没有必要，所以没有包含它。

型号：

 public class Hello
    {
        List<string> Ids { get; set; }

        List<string> Dates { get; set; }
    }

控制器：

   [HttpPost]
    public ActionResult Process(string ids, string dates) 
    {
        Hello model = new Hello();
        if (ModelState.IsValid)
        {

            using (db = new DB())
            {

                rp = new RequestProcess();
                //var c = rp.getHello(model, dates);
                var c = rp.getStuff();

                if (c != null)
                {
                    foreach (var i in c)
                    {
                        if (i != null)
                        {
                            ids = i.ID;
                            dates = i.Date.ToString();
                        }
                        db.SaveChanges();
                    }

                }

            }
            ViewBag.Message = "Success";
            return View(model);
        }
        else
        {
            ViewBag.Message = "Failed";
            return View(model);
        }
    }

查看：

  <td><input class="id" type="checkbox" id=@item.ID /></td>
  <td>@Html.DisplayFor(x => @item.ID)</td>
  <td><input class="date" id=date@item.ID type="text" value='@item.Date'/></td>

  $(document).ready(function () {
        var ids = "";
        var dates = "";
        $("#btnSubmit").bind("click", function () {
            createUpdateArrays();
            var url = "/Sample/Process";
            $.ajax({
                type: "POST",
                url: url,
                data: { ids: ids, dates: dates },
                contentType: 'application/json; charset=utf-8',
                success: function (success) {
                    if (success === true) {
                        alert("HERE WE ARE");
                    }
                    else {
                        alert("eror");
                    }
                }
            });
            ids = "";
            dates = "";
        });
        function createUpdateArrays() {
            var i = 0;
            $('input.remedy-id:checkbox').each(function () {
                if ($(this).is(':checked')) {
                    var rid = $(this).attr("id");
                    $('.planned-date').each(function () {
                        var did = $(this).attr("id");
                        if (did === rid) {
                            var date = $(this).val();
                            ids += rid + ",";
                            dates += date + ",";
                        }
                    });
                };
            });
        };

任何帮助将不胜感激！

Answer 1

我认为您的contentType: 'application/json'中需要$.ajax({});

$.ajax({
    type: "POST",
    url: url,
    data: JSON.stringify(list),
    contentType: 'application/json'
});

此外，尝试在控制器操作中添加[FromBody]Hello model。

Answer 2

您的代码中存在几个问题：

1）您正在传递包含viewmodel属性的JSON字符串，必须在AJAX回调中设置contentType: 'application/json; charset=utf-8'选项，以确保模型绑定程序将其识别为viewmodel参数。

2）return View()不适用于AJAX响应，请改用return PartialView()并将html()放在目标元素中呈现响应。

因此，您应该使用以下提供的AJAX设置：

$.ajax({
    type: "POST",
    url: url,
    data: JSON.stringify(list),
    contentType: 'application/json; charset=utf-8',
    success: function (result) {
        $('#targetElement').html(result);
    },
    error: function (xhr, status, err) {
        // error handling
    }
});

控制器操作

[HttpPost]
public ActionResult Process(Hello model) 
{
    if (ModelState.IsValid)
    {
        using (db = new DB())
        {
            // save data
        }
        ViewBag.Message = "Success";
        return PartialView("_PartialViewName", model);
    }
    else
    {
        ViewBag.Message = "Failed";
        return PartialView("_PartialViewName", model);
    }
}

请记住，AJAX回调旨在更新某些HTML元素而不重新加载整个视图页面。如果您想用已提交的结果重新加载页面，请改为使用普通表单提交（带有Html.BeginForm()）。

将更改保存到DB MVC

2 个答案: