南强小屋 Design By 杰米

查询是项目中必不可少的工作,而且不同的项目不同的团队,都有自己的简单方法。Asp.net mvc 有自己独特的优势,下面是结合mvc实现一个产品列表的Demo. 

问题描述

对于一些列表页面,保持一致的查询代码。

解决方案

1、依赖文件jquery.js、jquery.unobtrusive-ajax.js。
2、创建部分视图,PartialView主要存放服务器发送过来的数据。
3、一个包含集合数据的viewmodel.

部分视图代码基本如下:

asp.net如何进行mvc异步查询

asp.net怎样进行mvc异步查询?

问题讨论

在做过的项目中都是,整个页面会分为两部分。上面是条件筛选,下面是查询结果。当我选择完筛选条件后,点击查询,发出post请求,服务器响应后,更新指定区域信息。而这些,asp.netmvc都可以帮我们做,所以我们就是整合mvc这些功能即可。

1、ajax.BeginForm

支持服务器响应后需要更新的区域(UpdateTargetId)。类似asp.net中ajax控件updatepanel.

2、部分视图用于显示客户端请求中,变化的部分。

对于查询有很多方式实现,这个demo也是我做好多个界面后才总结出来的,相信会有更好的方式出来,希望大家分享代码。

好处:

1、代码更简洁,统一。
2、服务器每次发送的数据变少(对于render整个页面来说)。

代码:

@model IList<Demo.Models.Product>
@foreach (Demo.Models.Product item in Model)
{
<li class="span3 tile tile-double @item.Color">
<a href="#">
<img src="/UploadFiles/2021-04-02/@item.Image">

希望本文所述对你有所帮助,asp.net如何进行mvc异步查询内容就给大家介绍到这里了。希望大家继续关注我们的网站!想要学习asp.net可以继续关注本站。

标签:
mvc异步查询,ASP.NET,MVC

南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米

评论“asp.net如何进行mvc异步查询”

暂无asp.net如何进行mvc异步查询的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。