在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>

}   

 分類: ASP.N

在ASP.NET MVC中使用jQuery的Load方法載入靜態頁面的一個注意點