ASP.NET MVC使用jQuery的Load方法加载静态页面详解

34次阅读

共计 743 个字符，预计需要花费 2 分钟才能阅读完成。

导读	这篇文章介绍了 ASP.NET MVC 使用 jQuery 加载静态页面的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

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

     

@section scripts
{$(function() {$('#result').load("@Model.Url");
        });
    
}

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值