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

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

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

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

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

阅读原文内容投诉