jquery+ashx無刷新GridView數(shù)據(jù)顯示插件(實(shí)現(xiàn)分頁、排序、過濾功能)
需求：GridView顯示數(shù)據(jù)，無刷新分頁，無刷新排序，無刷新過濾（搜索數(shù)據(jù)），基于ASP.NET(我們這里有ashx一般處理文件來實(shí)現(xiàn))。
使用到技術(shù)：asp.net2.0, jquery,css
首先寫的是jquery插件方面，使用的核心函數(shù)還是jquery的ajax函數(shù)，方便快捷。
$.ajax({
type: p.method,
url: p.url,
data:param,
success: function(msg){
$.AddData(msg,showbox,p);
},
error: function(msg){$.ErrorAjax(showbox,p.errorMsg);},
beforeSend:function(){$.AddLoading(showbox);},
complete:function(){$.MoveLoading(showbox);}
});
看了就這么簡單的一句，jquery就是比較爽的。具體的代碼請下載下面的附件查看哦。
先發(fā)張生成后結(jié)果圖來看看（樣式不是很好看，需要的自己掂量著修改吧）
排序和過濾功能
jquery+ashx的無刷新分頁功能
其實(shí)這里除了jquery充當(dāng)整個插件的主要架構(gòu)外，另外一個重要的文件就是ashx這個一般處理文件啦。ashx在我整個jqueryGrid插件中輸出{\n page:1,\ntotal:0,pages:1,rows:'',cols:''}這樣的json代碼，相信用過josn的朋友都明白。其中為了減少錯誤我用了一個第三方插件Newtonsoft.Json，這是格式化json字符串的JsonConvert.DeserializeObject()這個函數(shù)就是啦。
當(dāng)然該功能插件之適合用于web應(yīng)用程序和內(nèi)部網(wǎng)站中，對于網(wǎng)站來說有些不適合，畢竟從SEO角度來講jquery直接生成的數(shù)據(jù)是不是很好的顯示方式。不多說了，大家可以看看我的代碼，如果對該插件有更好的建議或者修改歡迎交流。
jquery+ashx無刷新GridView數(shù)據(jù)顯示插件下載
- jquery實(shí)現(xiàn)的分頁顯示功能示例
- JQuery+Ajax無刷新分頁的實(shí)例代碼
- 基于JQuery的Pager分頁器實(shí)現(xiàn)代碼
- Jquery簡單分頁實(shí)現(xiàn)方法
- jquery pagination插件實(shí)現(xiàn)無刷新分頁代碼
- jquery+json實(shí)現(xiàn)數(shù)據(jù)列表分頁示例代碼
- jquery dataTable 后臺加載數(shù)據(jù)并分頁實(shí)例代碼
- jquery分頁插件jquery.pagination.js使用方法解析
- JS+Ajax+Jquery實(shí)現(xiàn)頁面無刷新分頁以及分組 超強(qiáng)的實(shí)現(xiàn)
- 基于Jquery實(shí)現(xiàn)表格動態(tài)分頁實(shí)現(xiàn)代碼
- jquery分頁優(yōu)化操作實(shí)例分析
相關(guān)文章
本文給大家詳細(xì)介紹了jquery事件的ready()方法使用方法，以及jQuery中ready與load事件的區(qū)別，非常的詳盡，有需要的小伙伴可以參考下。2015-11-11
本篇文章給大家分享了20個最常見的jQuery面試問題及答案，對此有需要的朋友可以參考下。2018-05-05
用jquery設(shè)置按鈕的disabled屬性的實(shí)現(xiàn)代碼
在html標(biāo)簽中設(shè)置按鈕被禁用，可以使用如下代碼2010-11-11
jquery lazyload延遲加載技術(shù)的實(shí)現(xiàn)原理分析
懶加載技術(shù)(簡稱lazyload)并不是新技術(shù)，它是js程序員對網(wǎng)頁性能優(yōu)化的一種方案。lazyload的核心是按需加載。在大型網(wǎng)站中都有l(wèi)azyload的身影，例如谷歌的圖片搜索頁，迅雷首頁，淘寶網(wǎng)，QQ空間等。2011-01-01
jQuery實(shí)現(xiàn)公告新聞自動滾屏效果實(shí)例代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)公告新聞自動滾屏效果實(shí)例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
比較常用的限制字符輸入數(shù)功能(比如熱火超天的微博輸入框),用jQuery和原生JavaScript分別寫了一個.原生JavaScript注釋中有區(qū)分中英文字符的函數(shù), 但個人并不建議這么做.2010-09-09
本文給大家收集了三種不同類型的jquery時間軸特效，涉及到j(luò)quer相關(guān)知識，對jquery時間軸特效感興趣的朋友可以參考下本文2015-11-11
jQuery ReferenceError: $ is not defined 錯誤的處理辦法
今天開始要學(xué)習(xí)jQuery，寫第一個Hello Word時，居然jQuery ReferenceError: $ is not defined2013-05-05
jQuery 獲取遍歷獲取table中每一個tr中的第一個td的方法
下面小編就為大家?guī)硪黄猨Query 獲取遍歷獲取table中每一個tr中的第一個td的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery實(shí)現(xiàn)帶延遲效果的滑動菜單代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶延遲效果的滑動菜單,涉及jquery鼠標(biāo)事件操作頁面屬性定時變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09