文章詳情頁
ASP.NET MVC使用jQuery的Load方法加載靜態頁面及注意事項
瀏覽:37日期:2022-06-08 10:44:16
使用使用jQuery的Load方法可以加載靜態頁面,本篇就在ASP.NET MVC下實現。
Model先行:
public class Article { public int Id { get; set; } public string Url { get; set; } }
在HomeController中的Index方法,向視圖傳遞一個Article強類型。
public class HomeController : Controller { public ActionResult Index() { Article article = new Article() { Id = 1, Url = Url.Content("~/a/1.html") }; return View(article); } }
注意:給Url屬性賦值時,如果寫成Url = "~/a/1.html",這樣是不可以的,將會導致Load方法無法加載靜態頁面。
在Home/Index.cshml視圖中:
@model MvcApplication1.Models.Article @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } <div id="result"> </div> @section scripts { <script type="text/javascript"> $(function() { $("#result").load("@Model.Url"); }); </script> }
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對的支持。如果你想了解更多相關內容請查看下面相關鏈接
標簽:
ASP.NET
相關文章:
1. ASP.NET MVC前臺動態添加文本框并在后臺使用FormCollection接收值2. Django實現jquery select2帶搜索的下拉框3. 基于JavaScript或jQuery實現網站夜間/高亮模式4. SpringMVC+Jquery實現Ajax功能5. 如何在vue 中引入使用jquery6. ASP.NET MVC使用異步Action的方法7. ASP.NET MVC通過勾選checkbox更改select的內容8. JS實現選項卡插件的兩種寫法(jQuery和class)9. ASP.NET MVC實現登錄后跳轉到原界面10. ASP.NET MVC把數據庫中枚舉項的數字轉換成文字
排行榜
