文章詳情頁
ASP.NET MVC使用jQuery的Load方法加載靜態(tài)頁面及注意事項
瀏覽:104日期:2022-06-08 10:44:16
使用使用jQuery的Load方法可以加載靜態(tài)頁面,本篇就在ASP.NET MVC下實現(xiàn)。
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",這樣是不可以的,將會導(dǎo)致Load方法無法加載靜態(tài)頁面。
在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> }
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
標(biāo)簽:
ASP.NET
相關(guān)文章:
1. ASP.NET MVC視圖頁使用jQuery傳遞異步數(shù)據(jù)的幾種方式詳解2. JavaScript與JQuery框架基礎(chǔ)入門教程3. ASP.NET MVC使用Boostrap實現(xiàn)產(chǎn)品展示、查詢、排序、分頁4. ASP.NET MVC實現(xiàn)城市或車型三級聯(lián)動5. ASP.NET MVC實現(xiàn)單個圖片上傳、限制圖片格式與大小并在服務(wù)端裁剪圖片6. 到底該拋不拋棄JQuery7. js、jquery實現(xiàn)列表模糊搜索功能過程解析8. Jquery使用原生AJAX方法請求數(shù)據(jù)9. ASP.NET MVC實現(xiàn)橫向展示購物車10. SpringMVC+Jquery實現(xiàn)Ajax功能
排行榜
