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

使用使用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>}

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接