asp.net怎樣進行mvc非同步查詢?

來源:互聯網
上載者:User

 問題描述

對於一些列表頁面,保持一致的查詢代碼。

解決方案

1、依賴檔案jquery.js、jquery.unobtrusive-ajax.js。

2、建立部分視圖,PartialView主要存放伺服器發送過來的資料。

3、一個包含集合資料的viewmodel.

部分視圖代碼基本如下:

問題討論

在做過的項目中都是,整個頁面會分為兩部分。上面是條件式篩選,下面是查詢結果。當我選擇完篩選條件後,點擊查詢,發出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>

}

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.