ASP.NET MVC使用jQuery的Load方法加载静态页面及注意事项
作者:Darren Ji
这篇文章介绍了ASP.NET MVC使用jQuery加载静态页面的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
使用使用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> }
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接