asp.net如何進行mvc非同步查詢_實用技巧

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.