C#使用WebService結合jQuery實現(xiàn)無刷新翻頁的方法
更新時間：2015年04月22日 14:13:16 作者：songguo
這篇文章主要介紹了C#使用WebService結合jQuery實現(xiàn)無刷新翻頁的方法,涉及C#中WebService與jQuery操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了C#使用WebService結合jQuery實現(xiàn)無刷新翻頁的方法。分享給大家供大家參考。具體如下：
1. 首先創(chuàng)建數(shù)據(jù)庫、表Article，字段ArticleId,Title
前臺代碼
<%@ 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; //當前頁號
var pageItems = 10; //每頁顯示的行數(shù)，這個數(shù)字與da.Fill(ds,pageNo,3,"gbook");里面的3保持一致
var MaxPage = pageItems;
function showPage(m) {
if (m == -1) {
if (pageNo < 2) {
alert("已經到了首頁");
return;
};
MaxPage = pageItems;
}
else {
if (MaxPage < pageItems) {
alert("已經到了末頁");
return;
};
}
pageNo += m;
getData();
}
$(document).ready(function () {
getData();
});
function getData() {
$.ajax({
type: "POST",
cache: false,
url: "WebService3.asmx/Select",
/* 注意后面的名字對應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是后臺輸出的表名稱,要與后臺對應 */
if (MaxPage == 0) {
$("#result").html("沒有記錄");
return;
}
t = "<table border='1'>";
$(data).find('Article').each(function (index, ele) {
/* Article是后臺輸出的表名稱,要與后臺對應 */
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;'>上一頁</a> <a href='' onclick='showPage(1);return false;'>下一頁</a></div>"
$("#result").html(t);
}
});
}
</script>
</body>
</html>
2. 后臺代碼
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 從腳本中調用此 Web 服務，請取消對下行的注釋
[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語句
string SqlStr = "SELECT ArticleId,Title FROM Article ORDER BY ArticleId DESC";
//實例化SqlDataAdapter對象
SqlDataAdapter da = new SqlDataAdapter(SqlStr, sqlCon);
DataSet ds = new DataSet();
da.Fill(ds, pageNo, 10, "Article");
return ds;
}
}
希望本文所述對大家的C#程序設計有所幫助。
您可能感興趣的文章:
- C#調用webservice接口的最新方法教程
- C#使用HttpPost請求調用WebService的方法
- .NET C#創(chuàng)建WebService服務簡單實例
- C# 創(chuàng)建、部署和調用WebService簡單示例
- C# WebService發(fā)布以及IIS發(fā)布
- C# 調用 JavaWebservice服務遇到的問題匯總
- C#調用WebService實例開發(fā)
- C#動態(tài)webservice調用接口
- c#動態(tài)改變webservice的url訪問地址
- c#編寫webservice服務引用實例分享
- c#動態(tài)調用Webservice的兩種方法實例
- C#創(chuàng)建、部署、調用WebService圖文實例詳解
相關文章
這篇文章主要為大家詳細介紹了Unity實現(xiàn)ScrollView滑動吸附功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要為大家詳細介紹了C#對XML文件進行一些基本操作的方法，譬如：生成xml文件、修改xml文件的節(jié)點信息等，需要的可以參考一下2022-11-11
Unity UGUI的HorizontalLayoutGroup水平布局組件介紹使用
這篇文章主要為大家介紹了Unity UGUI的HorizontalLayoutGroup水平布局組件介紹使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
C#實現(xiàn)Winform動態(tài)添加菜單的方法
這篇文章主要介紹了C#實現(xiàn)Winform動態(tài)添加菜單的方法,涉及C#操作菜單的技巧,需要的朋友可以參考下2015-05-05
TimeSpan是用來表示一個時間段的實例，兩個時間的差可以構成一個TimeSpan實例，現(xiàn)在就來介紹一下使用方法2014-04-04
這篇文章主要介紹了Winform啟動另一個項目傳值的方法,通過調用進程來實現(xiàn)項目之間的傳值,需要的朋友可以參考下2014-11-11
下面小編就為大家分享一篇JWT.net 操作實踐方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
詳解C#中通過委托來實現(xiàn)回調函數(shù)功能的方法
這篇文章主要介紹了C#中通過委托來實現(xiàn)回調函數(shù)功能的方法,文中舉了一個典型的多線程回調程序實例,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了winform分頁控件，文中附源碼下載地址,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
在程序中訪問進而操作XML文件一般有兩種模型，分別是使用DOM（文檔對象模型）和流模型，使用DOM的好處在于它允許編輯和更新XML文檔，可以隨機訪問文檔中的數(shù)據(jù)，可以使用XPath查詢2013-03-03