程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> asp.net如何進行mvc異步查詢

asp.net如何進行mvc異步查詢

編輯:ASP.NET基礎

查詢是項目中必不可少的工作,而且不同的項目不同的團隊,都有自己的簡單方法。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可以繼續關注本站。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved