C#使用WebService結(jié)合jQuery實(shí)現(xiàn)無(wú)刷新翻頁(yè)的方法
本文實(shí)例講述了C#使用WebService結(jié)合jQuery實(shí)現(xiàn)無(wú)刷新翻頁(yè)的方法。分享給大家供大家參考。具體如下:
1. 首先創(chuàng)建數(shù)據(jù)庫(kù)、表Article,字段ArticleId,Title
前臺(tái)代碼
<%@ Page Language="C#" AutoEventWireup="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <script src="jquery-1.6.4.min.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div id="result"> </div> </form> <script type="text/javascript"> var pageNo = 1; //當(dāng)前頁(yè)號(hào) var pageItems = 10; //每頁(yè)顯示的行數(shù),這個(gè)數(shù)字與da.Fill(ds,pageNo,3,"gbook");里面的3保持一致 var MaxPage = pageItems; function showPage(m) { if (m == -1) { if (pageNo < 2) { alert("已經(jīng)到了首頁(yè)"); return; }; MaxPage = pageItems; } else { if (MaxPage < pageItems) { alert("已經(jīng)到了末頁(yè)"); return; }; } pageNo += m; getData(); } $(document).ready(function () { getData(); }); function getData() { $.ajax({ type: "POST", cache: false, url: "WebService3.asmx/Select", /* 注意后面的名字對(duì)應(yīng)CS的方法名稱 */ data: { "pageNo": (pageNo - 1) * pageItems }, /* 注意參數(shù)的格式和名稱 */ contentType: "application/x-www-form-urlencoded", dataType: "xml", error: function (result) { alert(result.responseText); }, success: function (data) { MaxPage = $(data).find('Article').size(); /* Article是后臺(tái)輸出的表名稱,要與后臺(tái)對(duì)應(yīng) */ if (MaxPage == 0) { $("#result").html("沒(méi)有記錄"); return; } t = "<table border='1'>"; $(data).find('Article').each(function (index, ele) { /* Article是后臺(tái)輸出的表名稱,要與后臺(tái)對(duì)應(yīng) */ var ArticleId = $(ele).find('ArticleId').text(); var Title = $(ele).find('Title').text(); t += "<tr>"; t += "<td>" + ArticleId + "</td>"; t += "<td>" + Title + "</td>"; t += "</tr>"; }) t += "</table>"; t += "<div><a href='' onclick='showPage(-1);return false;'>上一頁(yè)</a> <a href='' onclick='showPage(1);return false;'>下一頁(yè)</a></div>" $("#result").html(t); } }); } </script> </body> </html>
2. 后臺(tái)代碼
using System.Data; using System.Data.SqlClient; using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] //若要允許使用 ASP.NET AJAX 從腳本中調(diào)用此 Web 服務(wù),請(qǐng)取消對(duì)下行的注釋 [System.Web.Script.Services.ScriptService] public class WebService3 : System.Web.Services.WebService { [WebMethod] public System.Data.DataSet Select(int pageNo) { System.Data.SqlClient.SqlConnection sqlCon = new SqlConnection(); sqlCon.ConnectionString = "server=.;uid=sa;pwd=sa;database=guestbook"; //定義SQL語(yǔ)句 string SqlStr = "SELECT ArticleId,Title FROM Article ORDER BY ArticleId DESC"; //實(shí)例化SqlDataAdapter對(duì)象 SqlDataAdapter da = new SqlDataAdapter(SqlStr, sqlCon); DataSet ds = new DataSet(); da.Fill(ds, pageNo, 10, "Article"); return ds; } }
希望本文所述對(duì)大家的C#程序設(shè)計(jì)有所幫助。
- C#調(diào)用webservice接口的最新方法教程
- C#使用HttpPost請(qǐng)求調(diào)用WebService的方法
- .NET C#創(chuàng)建WebService服務(wù)簡(jiǎn)單實(shí)例
- C# 創(chuàng)建、部署和調(diào)用WebService簡(jiǎn)單示例
- C# WebService發(fā)布以及IIS發(fā)布
- C# 調(diào)用 JavaWebservice服務(wù)遇到的問(wèn)題匯總
- C#調(diào)用WebService實(shí)例開發(fā)
- C#動(dòng)態(tài)webservice調(diào)用接口
- c#動(dòng)態(tài)改變webservice的url訪問(wèn)地址
- c#編寫webservice服務(wù)引用實(shí)例分享
- c#動(dòng)態(tài)調(diào)用Webservice的兩種方法實(shí)例
- C#創(chuàng)建、部署、調(diào)用WebService圖文實(shí)例詳解
相關(guān)文章
.NET中保證線程安全的高級(jí)方法Interlocked類使用介紹
這篇文章主要介紹了.NET中保證線程安全的高級(jí)方法Interlocked類使用介紹,Interlocked類可以為為多個(gè)線程共享的變量提供原子操作,需要的朋友可以參考下2014-07-07C#面向?qū)ο笤O(shè)計(jì)原則之單一職責(zé)原則
這篇文章介紹了C#面向?qū)ο笤O(shè)計(jì)原則之單一職責(zé)原則,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03Unity實(shí)現(xiàn)已知落點(diǎn)和速度自動(dòng)計(jì)算發(fā)射角度
這篇文章主要為大家詳細(xì)介紹了Unity實(shí)現(xiàn)已知落點(diǎn)和速度自動(dòng)計(jì)算發(fā)射角度,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02C# 漢字轉(zhuǎn)化拼音的簡(jiǎn)單實(shí)例代碼
C# 漢字轉(zhuǎn)化拼音的簡(jiǎn)單實(shí)例代碼,需要的朋友可以參考一下2013-04-04Unity實(shí)現(xiàn)答題系統(tǒng)的示例代碼
這篇文章主要和大家分享了利用Unity制作一個(gè)答題系統(tǒng)的示例代碼,文中的實(shí)現(xiàn)方法講解詳細(xì),對(duì)我們學(xué)習(xí)或工作有一定的幫助,需要的可以參考一下2022-05-05C#條件語(yǔ)句、循環(huán)語(yǔ)句(if、while)
這篇文章主要介紹了C#條件語(yǔ)句、循環(huán)語(yǔ)句(if、while)的用法,學(xué)習(xí)c#的朋友可以參考下2014-03-03