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

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對的支持。如果你想了解更多相關內容請查看下面相關鏈接