使用jquery加载部分视图01-使用$.get()
jQuery 加载 视图 部分 get 01 使用
2023-09-11 14:16:52 时间
使用Html.RenderParital或Html.RenderAction可以在主视图中加载部分视图。
两种方法是有区别的,在"RenderPartial和RenderAction区别"中体验过。
本篇体验使用jquery加载部分视图。
□ HomeController
using System.Web;
using System.Web.Mvc;
using _01.Models;
namespace _01.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult ProductPartial()
{
List<Product> products = new List<Product>()
{
new Product(){ID = 1, Name = "产品1", Price = 85.00M},
new Product(){ID = 2, Name = "产品2", Price = 95.00M}
};
return PartialView("_ProductPartial", products);
}
}
}
□ View Model
namespace _01.Models
{
public class Product
{
public int ID { get; set; }
public string Name { get; set; }
public decimal Price { get; set; }
}
}
□ 部分视图_ProductPartial.cshtml
@model IEnumerable<_01.Models.Product>
@foreach (var item in Model)
{
@item.ID
@item.Name
@item.Price.ToString("c")
<br/>
}
□ 主视图 Index.cshtml
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
<div id="divProduct"></div>
@section scripts
{
<script type="text/javascript">
$(document).ready(function () {
$.get("@Url.Action("ProductPartial", "Home")", function (data) {
$('#divProduct').replaceWith(data);
});
});
</script>
}
相关文章
- Web基础 HTML CSS JS JQuery AJAX
- jquery selector只返回第一个元素 知乎取消点赞
- 查看jQuery file upload的image preview如何工作的
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- jquery中 $ 和 jQuery 及 $() 的区别
- JQuery入门(7)动画效果
- jquery加载页面的几种方法(页面加载完成就执行)
- 原生JS取代一些JQuery方法的简单实现
- jQuery中的$(window).load()与$(document).ready()以及jquery $(document).ready() 与window.onload的区别
- 《jQuery Cookbook中文版》——1.7 返回破坏性修改之前的选择
- 《jQuery Cookbook中文版》——1.12 替换DOM元素
- 《jQuery与JavaScript入门经典》——2.3 调试CSS
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.5 技巧:显示页面正在加载的信息
- jquery load加载页面内ajax返回的div不能响应页面js的问题的解决方案
- jquery.params.js,Jquery获取页面参数,js获取页面参数
- Nice Jquery Validator 【从 jQuery Validation 迁移】
- jquery+ajax实现下拉刷新+上拉加载
- jQuery select三级联动
- jQuery ajax 实现分页 kkpager插件
- 15个超级实用的jQuery插件
- jquery layer插件弹出弹层 结构紧凑,功能强大
- JQuery/JS插件 jsTree加载树,普通加载,点一级加载一级
- 十分钟玩转 jQuery、实例大全