您好,欢迎访问一九零五行业门户网

JQuery+Ajax无刷新分页的实例代码_jquery

先看效果图:
实现原理很简单,使用了jquery.pagination这个插件,每当点击页码时异步去服务器去取该页的数据,简单介绍如下:
一、数据库表结构:很简单  就四个字段 分别是news_id  news_title  news_time  news_readtimes
二、前台页面代码:
复制代码 代码如下:
jquery无刷新分页
复制代码 代码如下:
id
标题
更新时间
点击量
三、页面后台文件这里主要是获取记录总数:
复制代码 代码如下:
public string pagecount = string.empty;//总条目数        protected void page_load(object sender, eventargs e)
        {
            if (!ispostback)
            {
                pagecount = new news().getnewscount();
            }
        }
四、最主要的是ajax处理程序:pagerhandler.ashx
复制代码 代码如下:
public class pagerhandler : ihttphandler
    {
        public void processrequest(httpcontext context)
        {
            context.response.contenttype = text/plain;
            string str = string.empty;
            int pageindex = convert.toint32(context.request[pageindex]);
            int size = convert.toint32(context.request[pagesize]);
            if (pageindex == 0)
            {
                pageindex = 1;
            }
            int count = 0;            news n = new news();
            list list = n.getnewslist(pageindex, size, ref count);
            stringbuilder sb = new stringbuilder();
            foreach (news p in list)
            {
                sb.append();
                sb.append(p.news_id);
                sb.append( );
                sb.append(+p.news_title+);
                sb.append( );
                sb.append(p.news_time);
                sb.append( );
                sb.append(p.news_readtimes);
                sb.append(
);
            }
            str = sb.tostring();
            context.response.write(str);
        }
        public bool isreusable
        {
            get
            {
                return false;
            }
        }
    }
其它类似信息

推荐信息