ASP.NET MVC ViewBag 值在 Ajax 调用后未显示在视图中

Question

我有以下视图和控制器代码：

索引.cshtml

@using (Html.BeginForm("Create", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <span style="color:green; font-weight:bold;" id="Message">@ViewBag.Message</span>
    <input type="text" id="txtMessage" />
    <input type="submit" id="btnSubmit" value="Submit" />
}
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script type="text/javascript">

    $('#btnSubmit').click(function (event) {
       
        $.ajax({
            type: "POST",
            url: "/Home/Create",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            async: false,
            data: JSON.stringify({
                'message': $('#txtMessage').val()
            })
        });

    });
</script>

控制器代码：

public class HomeController : Controller
{
    public ActionResult Index(string message)
    {
        return View();
    }
    
    [HttpPost]
    public ActionResult Create(string message)
    {
        ViewBag.Message = message;

        return View("Index");
    }
}

单击按钮并进行 ajax 调用后，我无法在索引视图中看到 Create 方法中设置为 ViewBag.Message 的消息。

Answer 1

如果您使用 Begin 表单和按钮类型作为提交，那么为什么要编写 ajax 方法？

从 javascript 代码中删除您的 btnSubmit 点击并使用文本框作为 TextBoxFor，

@Html.TextBoxFor(m => m.message, new { @class = "form-control" })

它应该可以工作。

在没有强类型的情况下更新答案

根据代码，您使用的是 Begin Form，因此不需要 ajax 调用。 因此，首先删除 javascript 代码，或者如果您保留该代码，则没有任何意义。

现在需要更新以下行：

    <input type="text" id="txtMessage" **name = "txtMessage"** />

并且在控制器代码发布方法中，以下名称应该相同。

[HttpPost]
public ActionResult Create(**string txtMessage**)
{
    ViewBag.Message = **txtMessage**;

    return View("Index");
}