ASP.NET M5C使用jQuery的Load方法加载静态页面及注意事项

这篇文章介绍了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>}