C#使用WebService结合jQuery实现无刷新翻页的方法
更新时间：2015年04月22日 14:13:16 作者：songguo
这篇文章主要介绍了C#使用WebService结合jQuery实现无刷新翻页的方法,涉及C#中WebService与jQuery操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了C#使用WebService结合jQuery实现无刷新翻页的方法。分享给大家供大家参考。具体如下：
1. 首先创建数据库、表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; //每页显示的行数，这个数字与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. 后台代码
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#中矩阵运算方法,实例分析了通过C#实现矩阵的初始化、转置矩阵、求逆矩阵等各种常用的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
本文给大家分享的是C#识别出图片里的数字和字母的代码，主要是识别以前公司的软件注册码截图里的数字和字母，功能很简单，也存在很大的局限性，这里仅仅是分享，小伙伴们参考下。2015-03-03
.NET中保证线程安全的高级方法Interlocked类使用介绍
这篇文章主要介绍了.NET中保证线程安全的高级方法Interlocked类使用介绍,Interlocked类可以为为多个线程共享的变量提供原子操作,需要的朋友可以参考下2014-07-07
今天小编就为大家分享一篇关于C#实现二叉排序树代码实例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2018-10-10
这篇文章介绍了C#面向对象设计原则之单一职责原则，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-03-03
这篇文章主要为大家详细介绍了Unity实现已知落点和速度自动计算发射角度，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
C# 汉字转化拼音的简单实例代码，需要的朋友可以参考一下2013-04-04
这篇文章主要介绍了c# 委托的本质是什么,文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要和大家分享了利用Unity制作一个答题系统的示例代码，文中的实现方法讲解详细，对我们学习或工作有一定的帮助，需要的可以参考一下2022-05-05
这篇文章主要介绍了C#条件语句、循环语句(if、while)的用法，学习c#的朋友可以参考下2014-03-03
最新评论