如何在 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