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

Prunella ·
更新时间:2024-11-13
· 557 次阅读

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

问题描述

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

解决方案

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

部分视图代码基本如下:

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="/Images/@item.Image" style="width:250px; height:130px;"> </a><span>@item.Name</span> </li> }

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

您可能感兴趣的文章:ASP.NET MVC 微信JS-SDK认证Asp.net MVC中获取控制器的名称的方法ASP.NET MVC自定义错误页面真的简单吗?ASP.NET MVC阿里大于短信接口开发短信群发能asp.net mvc4中bootstrap datetimepicker控件的使用Asp.NET MVC中使用SignalR实现推送功能ASP.NET Core MVC 配置全局路由前缀ASP.NET MVC实现多个按钮提交的方法ASP.NET MVC5+EF6+EasyUI后台管理系统 微信公众平台开发之资源环境准备ASP.NET MVC5+EF6+EasyUI后台管理系统 微信公众平台开发之消息管理ASP.NET MVC中URL地址传参的两种写法ASP.NET MVC5网站开发之登录、验证和注销管理员篇1(六)详解ASP.NET MVC的筛选器



net ASP.NET MVC ASP

需要 登录 后方可回复, 如果你还没有账号请 注册新账号