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

2016/6/1 来源:www.arpun.com 作者:小白

问题描述

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

解决方案

1、依赖文件jquery.js、jquery.unobtrusive-ajax.js。

2、创建部分视图, PartialView主要存放服务器发送过来的数据。

3、一个包含集合数据的viewmodel.

部分视图代码基本如下:

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

问题讨论

在做过的项目中都是, 整个页面会分为两部分。 上面是条件筛选, 下面是查询结果。 当我选择完筛选条件后, 点击查询, 发出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 class='lazy' data-original="/Images/@item.Image" style="width:250px; height:130px;">

</a><span>@item.Name</span>

</li>

}

网友评论
评论(...
全部评论