我正在嘗試學習asp.net。我正在制作一個演示網站,其中會有一個管理面板。管理員將更新將反映在主頁上的每日訊息。我正在使用 MVC。我在資料庫中創建了表
create table DailyMsg(Sno int primary key, msg varchar(max));
這是我的控制器
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!"}]
現在,我被困住了。我知道我必須為資料訪問層添加另一個類,但我很困惑我應該如何決議這些資料并將其列印到主 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>
我想要的只是msg從 JSON 中讀取和決議并將其顯示在網頁上。
你能指導我如何進行嗎?或者有沒有其他方法可以達到目的?非常感謝!
uj5u.com熱心網友回復:
試試這個
$.ajax({
url: "/DailyMsgs/Index",
type: "GET",
success: function (data) {
$.each(data, function (index, element) {
$("#div1").append(element.msg);
});
}
});
如果仍然有錯誤,請獲取 console.log(data); 并寄給我。
uj5u.com熱心網友回復:
您的<script>標簽在您的<html>標簽之外。這意味著腳本可能甚至沒有被執行,或者沒有以正確的順序加載。您希望首先加載 jQuery 和 Bootstrap,因此將它們放在<head>. 將您的自定義腳本放在 close 之前</body>,以便最后加載。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/405659.html
標籤:
