如何从控制器发回消息到视图

Question

我希望在表单提交后弹出表单成功或失败通知。

我有一个_Appointment.cshtml的局部视图，上面有一个表单。

我有一个主视图索引，我像这样加载它

@{Html.RenderPartial("~/Views/Appointments/_Appointment.cshtml", Model);}

在控制器中，我有

[HttpPost]
[ValidateAntiForgeryToken]
public JsonResult _Appointment_public(Appointments appointments)
{
    if (ModelState.IsValid)
    {          
        db.Appointments.Add(appointments);
        db.SaveChanges();
        // return RedirectToAction("Index");
        ViewBag.Success = "Successfull";
        // RedirectToAction("../Home/Index");           
    }

    return Json(new {message = "Test" });
}

如何向我的视图传递和接受JSON数据？

Answer 1

首先，在您的局部视图中，您需要JavaScript代码来进行Ajax调用(假设您正在使用jQuery和MVC)。https://api.jquery.com/jQuery.post/

在控制器的post操作中，确保返回Json数据，这是正确的。在JavaScript代码的Success函数中，获取数据并进行适当的处理。您可能希望返回"true“或"false”，然后执行所需的任何操作。这可能是从向用户显示JavaScript警告，到隐藏表单的跨度/目录并显示另一条消息。

如果需要更复杂数据，还可以从控制器返回该数据，并使用jQuery在另一个div中呈现该数据。