-
C#教程之C#教程之C#使用WebService结合jQuery实现无刷新翻页的
本站最新发布 C#从入门到精通
试听地址 https://www.xin3721.com/eschool/CSharpxin3721/
试听地址 https://www.xin3721.com/eschool/CSharpxin3721/
本文实例讲述了C#使用WebService结合jQuery实现无刷新翻页的方法。分享给大家供大家参考。具体如下:
1. 首先创建数据库、表Article,字段ArticleId,Title
前台代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
<%@ Page Language= "C#" AutoEventWireup= "true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <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; //每页显示的行数,这个数字与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 }, /* 注意参数的格式和名称 */ 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. 后台代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
using System.Data; using System.Data.SqlClient; using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; [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#程序设计有所帮助。
栏目列表
最新更新
如何使用OS模块中的stat方法
Python os 模块
seek() 方法
python打开文件实例1
Python写入文件
什么是流?
文件操作如何进制逐行读取
Python相对路径
with创建临时运行环境
Python文件操作
.Net Standard(.Net Core)实现获取配置信息
Linux PXE + Kickstart 自动装机
Shell 编程 基础
Shell 编程 条件语句
CentOS8-网卡配置及详解
Linux中LVM逻辑卷管理
1.数码相框-相框框架分析(1)
Ubuntu armhf 版本国内源
Linux中raid磁盘阵列
搭建简易网站
access教程之Access简介
mysql 安装了最新版本8.x版本后的报错:
Mysql空间数据&空间索引(spatial)
如何远程连接SQL Server数据库的图文教程
复制SqlServer数据库的方法
搜索sql语句
sql中返回参数的值
sql中生成查询的模糊匹配字符串
数据定义功能
数据操作功能