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>
}
作者:Darren Ji原文地址:https://www.cnblogs.com/darrenji/p/4214743.html

%s 个评论

要回复文章请先登录注册