如何在 MVC 中从 controller 解析 JsonResult object？

Question

我正在尝试学习 asp.net。 我正在制作一个演示网站，其中会有一个管理面板。 管理员将更新将反映在主页上的每日消息。 我正在使用 MVC。 我在数据库中创建了表

create table DailyMsg(Sno int primary key, msg varchar(max));

这是我的 controller

public class DailyMsgsController : Controller
    {
        private amenEntities db = new amenEntities();

        // GET: DailyMsgs
        public ActionResult Index()
        {
            return Json(db.DailyMsgs.ToList(),JsonRequestBehavior.AllowGet);
        }
}

在运行以下 URL 时，我成功地看到了 JSON 格式的数据。

https://localhost:44329/DailyMsgs

[{"Sno":1,"msg":"Hi!"}]

现在，我被困住了。 我知道我必须为数据访问层添加另一个 class，但我对如何解析这些数据并将其打印到主 HTML 页面感到困惑。

根据我在互联网上的研究，我发现我可能不得不使用 JQuery。 所以，我写了以下内容（由于我不熟悉JQuery，所以我可以从互联网上理解） -

$.ajax({
    url: "/DailyMsgs/Index",
    type: "GET",
    success: function (data) {
        $("#div1").html(data);    
    }
});

当然，这不起作用，我在我的网页上看不到任何东西。

我的主页.html

<body>
    <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
</body>
</html>
<script src="../Scripts/jquery-1.8.0.min.js"></script>
<script src="../Scripts/bootstrap.min.js"></script>
<link href="../Content/bootstrap.css" rel="stylesheet" />
<script src="../JQuery/DailyMsgsJQ.js"></script>

我想要的只是从 JSON 读取和解析msg并将其显示在网页上。

你能指导我如何进行吗？或者有没有其他方法可以达到目的？ 非常感谢！

Answer 1

尝试这个

$.ajax({
    url: "/DailyMsgs/Index",
    type: "GET",
    success: function (data) {
        $.each(data, function (index, element) {
            $("#div1").append(element.msg);    
        });
    }
});

如果仍然有错误，请获取 console.log(data); 并寄给我。

Answer 2

您的<script>标签在您的<html>标签之外。 这意味着脚本可能甚至没有被执行，或者没有以正确的顺序加载。 您希望首先加载 jQuery 和 Bootstrap，因此将它们放在<head>中。 将您的自定义脚本放在关闭</body>之前，以便最后加载。

如何在 MVC 中从 controller 解析 JsonResult object？

问题描述

2 个解决方案

解决方案1
2 已采纳 2022-01-08 12:26:11

解决方案2
1 2022-01-08 12:18:57

如何在 MVC 中从 controller 解析 JsonResult object？

问题描述

2 个解决方案

解决方案1 2 已采纳 2022-01-08 12:26:11

解决方案2 1 2022-01-08 12:18:57

解决方案1
2 已采纳 2022-01-08 12:26:11

解决方案2
1 2022-01-08 12:18:57