文章詳情頁
ASP.NET MVC使用jQuery的Load方法加載靜態頁面及注意事項
瀏覽:44日期: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. ASP.NET MVC獲取多級類別組合下的產品3. ASP.NET MVC使用Log4Net記錄異常日志并跳轉到靜態頁4. ASP.NET MVC使用JSAjaxFileUploader插件實現單文件上傳5. jquery實現div層隨頁面滾動而滾動(固定在某一位置)6. AJAX亂碼與異步同步以及封裝jQuery庫實現步驟詳解7. 編寫更好的jQuery代碼的建議8. ASP.NET MVC遍歷驗證ModelState的錯誤信息9. 使用EF Code First搭建簡易ASP.NET MVC網站并允許數據庫遷移10. ASP.NET MVC使用正則表達式驗證手機號碼
排行榜
