AJAX分页 (内容涉及到 数据库存储过程)
来源:互联网 发布:java开发者论坛 编辑:程序博客网 时间:2024/06/05 03:46
<1>
首先我们在数据库(SQL Server)中声明定义存储过程
use sales --指定数据库if(exists(select * from sys.objects where name='proc_location_Paging')) --如果这个proc_location_paging存储过程存在则删除drop proc proc_location_Paginggocreate proc proc_location_Paging --创建存储过程(@pageSize int, --页大小@currentpage int, --当前页@rowCount int output, --总行数(传出参数)@pageCount int output --总页数(传出参数))asbeginselect @rowCount= COUNT(locid) from location --给@rowCount赋值select @pageCount= CEILING((count(locid)+0.0)/@pageSize) from location --给@pageCount赋值select top (@pagesize)* from (select ROW_NUMBER() over(order by locid) as rowID,* from location) as t1where rowID >(@pageSize*(@currentpage-1))endgo---------------------------------以上就表示这个存储过程已经定义完了。---------------------------------以下是执行这个存储过程。我们可以看结果declare @rowCount int,@pageCount int --先声明两个参数--执行proc_location_Paging这个存储过程。@rowCount,@pageCount后面都有output 表示它们两是输出参数exec proc_location_Paging 10,1,@rowCount output,@pageCount output select @rowCount,@pageCount --查询这两个参数的值
<2>
因为是直接访问数据库的,所以我们将下面这条方法写入到DAL层中,这里我将它写入到SqlHelper中
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Configuration;using System.Data.SqlClient;using System.Data;using System.Reflection;namespace LLSql.DAL{ public class SqlHelper { /// <summary> /// 获取连接数据库字符串 /// </summary> private static string connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ConnectionString; public static DataTable ExecuteProcPageList(int pageSize, int currentPage, out int rowCount, out int pageCount) { using (SqlConnection conn = new SqlConnection(connStr)) { conn.Open(); using (SqlCommand cmd = conn.CreateCommand()) { cmd.CommandText = "proc_location_paging"; //存储过程的名字 cmd.CommandType = CommandType.StoredProcedure; //设置命令为存储过程类型(即:指明我们执行的是一个存储过程) rowCount = 0; pageCount = 0;//这里随便给rowCount,pageCount赋个值,因为使用out传递参数的时候,在方法内部一定要给out参数赋值才能用它,但是虽然这里给它赋初值了,但是在执行存储过程中,存储过程又会给这两个参数赋值,并返还回来给我们,那个才是我们要值 SqlParameter[] parameters ={ new SqlParameter("@pageSize",pageSize), new SqlParameter("@currentpage",currentPage), new SqlParameter("@rowCount",rowCount), new SqlParameter("@pageCount",pageCount) }; //因为在存储过程中@rowCount 与@pageCount 是一个输出参数(output), 而parameters这个数组里,第三,和第四个参数就是要用来替换掉这两个输出参数的,所以这里要将parameters这个数组里的这两个参数设为输出参数。 parameters[2].Direction = ParameterDirection.Output; parameters[3].Direction = ParameterDirection.Output; cmd.Parameters.AddRange(parameters); //将参数传递给我们的cmd命令对象 DataTable dt = new DataTable(); using (SqlDataAdapter adapter = new SqlDataAdapter(cmd)) { adapter.Fill(dt);//到数据库去执行存储过程,并将结果填充到dt表中 } //等存储过程执行完毕后,存储过程会把这两个输出参数传递出来。那么我们在这里来取得这两个返回参数。 rowCount = Convert.ToInt32(parameters[2].Value); pageCount = Convert.ToInt32(parameters[3].Value); return dt; } } } }}
在DAL文件夹中( 层中) 创建一个Aticel.cs类 产生一个list
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Data;using LLSql.DAL;using WebApplication1.Model;namespace WebApplication1.DAL{ public class Aticel { public static List<Location> GetPageListByPageIndex(int pageSize,int currentpage,out int rowCount,out int pageCount) { DataTable dt= SqlHelper.ExecuteProcPageList(pageSize, currentpage,out rowCount,out pageCount); var list = new List<Location>();// 声明一个泛型对象list if (dt != null && dt.Rows.Count > 0) { //将DataTable转换成一个list list = (from p in dt.AsEnumerable() //(遍历DataTable) select new Model.Location { Locid = p.Field<int>("locid"), //将DateTable里的字段赋值给Location类中的属性 LocName = p.Field<string>("locName"), ParentId = p.Field<int>("parentId"), LocType = p.Field<short>("locType"), ElongCode = p.Field<string>("elongCode"), CityCode = p.Field<string>("CityCode"), BaiduPos = p.Field<string>("BaiduPos"), Versions = p.Field<short>("Version") }).ToList(); } return list; //将这个list返回回去 } }}
<3>
在API这个文件夹中创建一个GetPageData.ashx 页 (BLL层) 在这里调用ADL层里的 Aticel.cs类中的GetPageListByPageIndex()方法,获取一个list 并将这个list转换成一个Json格式字符串, 共AJAX 异步请求得到。
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Script.Serialization;namespace WebApplication1.API{ /// <summary> /// GetPageData 的摘要说明 /// </summary> public class GetPageData : IHttpHandler { /// <summary> /// 根据用户传递的当前页的页码来获取数据 /// </summary> /// <param name="context"></param> public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; int pageSize = 10; //设定页大小,每页显示10条数据 int currentPage = Convert.ToInt32(context.Request.QueryString["currentPage"]); //设定当前页 int rowCount = 0; //作为out参数传递给方法,在方法里给rowCount赋值 int pageCount = 0; //作为out参数传递给方法,在方法里给rowCount赋值 string jsonData = null; List<Model.Location> list= DAL.Aticel.GetPageListByPageIndex(pageSize, currentPage, out rowCount, out pageCount); if (list != null && list.Count > 0) { //创建Json序列化器,将对象转换成一个Json格式的字符串 JavaScriptSerializer jsz = new JavaScriptSerializer(); jsonData = jsz.Serialize(list); //将一个list对象转换成json格式的字符串 context.Response.Write(jsonData); } else { context.Response.Write("no"); } } public bool IsReusable { get { return false; } } }}
前端页面 (将AJAX请求得到的数据展示也页面)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %><!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 runat="server"> <title>使用AJAX分页</title> <script src="jquery-1.11.2.js" type="text/javascript"></script> <style type="text/css"> table{ margin:80px 500px; } td{ width:50px; height:auto} </style> <script type="text/javascript"> $(function () { $.get("API/GetPageData.ashx?currentPage=2", function (obj) { //假设当前页是第二页currentPage=2 //debugger; var JsonData = $.parseJSON(obj); //alert(JsonData[0].Locid); //debugger; for (var i = 0; i < JsonData.length; i++) { var data = "<tr><td >" + JsonData[i].Locid + "</td><td >" + JsonData[i].LocName + "</td><td >" + JsonData[i].ParentId + "</td><td >" + JsonData[i].LocType + "</td><td >" + JsonData[i].ElongCode + "</td><td >" + JsonData[i].CityCode + "</td><td >" + JsonData[i].BaiduPos + "</td><td >" + JsonData[i].Versions + "</td></tr>"; $("#t1").append(data); } }) }) </script></head><body> <table border="1" cellpadding="5" cellspacing="0" style="margin-top:100px;width:600px;" id="t1"> <tr><td>编号</td><td >城市名</td><td >父ID</td><td >locType</td><td >elongCode</td><td >CityCode</td><td >BaiduPos</td><td >Version</td></tr> </table> </body></html>
1 0
- AJAX分页 (内容涉及到 数据库存储过程)
- 数据库分页存储过程
- 数据库分页存储过程
- 数据库分页存储过程
- 数据库分页存储过程
- 数据库存储过程分页
- 数据库分页存储过程
- 数据库分页存储过程
- 【转载】数据库分页存储过程
- 数据库端分页存储过程
- sql数据库存储过程分页
- Sql2005数据库分页存储过程
- 数据库存储过程分页代码
- 数据库存储过程分页查询
- 分页 常用数据库存储过程
- 使用存储过程,分页用户控件,jQuery进行Ajax分页!
- Webdiyer的分页控件+通用存储过程+查询+ajax分页
- Ajax+Jquery+Json,ASP.NET分页,存储过程分页
- Lucence的各种查询
- ListView(1)----Simple_listView
- THREE.js -- 增加Nurbs曲线旋转生成曲面,即时调整更新实例
- 项目经验总结(2)
- 基于cocos2d-x引擎的游戏框架设计
- AJAX分页 (内容涉及到 数据库存储过程)
- LZW算法
- Windows下使用Coding作为代码托管服务器并使用Eclipse访问配置
- 格式化数字(1069)
- 第3章 python3基础 第一个python3程序
- 图片压缩算法
- android自定义按钮类
- 关于git 本地创建repository以及上传代码
- android 遇到的一些小知识