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

 更新时间:2022年09月11日 12:22:58   作者:Darren?Ji  
这篇文章介绍了ASP.NET?MVC使用jQuery加载静态页面的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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

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

相关文章

最新评论

?


http://www.vxiaotou.com