文章详情页
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> }
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接
标签:
ASP.NET
相关文章:
1. jQuery加PHP实现图片上传并提交的示例代码2. JS实现选项卡插件的两种写法(jQuery和class)3. ASP.NET MVC扩展带验证的单选按钮4. 基于JavaScript或jQuery实现网站夜间/高亮模式5. IDEA配置jQuery, $符号不再显示黄色波浪线的问题6. ASP.NET MVC把数据库中枚举项的数字转换成文字7. ASP.NET MVC使用正则表达式验证手机号码8. ASP.NET MVC实现横向展示购物车9. 使用EF Code First搭建简易ASP.NET MVC网站并允许数据库迁移10. Django实现jquery select2带搜索的下拉框
排行榜