AJAX (分页)
- <!-- 企业新闻列表开始,图尺寸550*310,如果没图,则在li上加on -->
- <div class="common-box new-box">
- <!-- 列表1开始 -->
- <ul class="list1">
- </ul>
- <!-- 列表1结束 -->
- <!-- 翻页开始 -->
- <div class="page-box">
- </div>
- <!-- 翻页结束 -->
- </div>
- <!-- 企业新闻列表结束 -->
- <script type="text/javascript">
- var PageValue = 1;
- var pageIndex = 1; // 索引页
- var pageCount = '<%=pageCount%>'; // 每页数量
- var PageIndexCount = 0; //分页总数
- var pagecount = 0;
- locationChange(1);
- // 加载数据
- function locationChange(index) {
- pageIndex = index;
- $.ajax({
- type: "post",
- dataType: "json",
- url: "/ashx/NewList.ashx",
- data: { pageSize: pageCount, page: index, kind: "<%=curKind%>"},
- success: function(data) {
- var table = data.data.Rows;
- pagecount = data.PageCount;
- var PageOutStr = data.PageOutStr;
- var content = "";
- if (table.length > 0) {
- for (var i = 0; i < table.length; i++) {
- var row = table[i];
- if (row["c_picurl1"] != null && row["c_picurl1"] != "") {
- content += "<li>";
- content += "<!-- 左侧图片开始 -->";
- content += "<div class=\"left img-box\">";
- content += "<a href=\"" + row["c_linkurl"] + "\">";
- content += "<img src=\"" + row["c_picurl1"] + "\">";
- content += "</a>";
- content += "</div>";
- content += "<!-- 左侧图片结束 -->";
- }
- else {
- content += "<li class='on'>";
- }
- content += "<!-- 右侧内容开始 -->";
- content += "<div class=\"cont\">";
- content += "<div class=\"name\"><a href=\"" + row["c_linkurl"] + "\" title='" + row["c_info_title"] + "'>" + row["c_info_title"] + "</a></div>";
- content += "<div class=\"doc\">" + row["beizhu1"] + "</div>";
- content += "<div class=\"time\">";
- content += "<img src=\"images/time-icon.png\"><span>" + row["d_list_date"] + "</span>";
- content += "</div>";
- content += "<div class=\"more\">";
- content += "<a href=\"" + row["c_linkurl"] + "\">了解详情<em><img src=\"images/more-icon1.png\" class=\"i1\"><img src=\"images/more-icon1.png\" class=\"i2\"></em></a>";
- content += "</div>";
- content += "</div>";
- content += "<!-- 右侧内容结束 -->";
- content += "</li>";
- }
- }
- else {
- content += "<div style=\"color:gray; padding-top:10px;\">暂无相关内容......</div>";
- }
- $(".list1").html(content);
- $(".page-box").show();
- $(".page-box").html(PageOutStr);
- },
- error: function(data) {
- }
- });
- }
- </script>
- <%@ WebHandler Language="C#" Class="NewList" %>
- using System;
- using System.Web;
- using Solucky;
- using Maticsoft.Common;
- using MT.Business;
- using System.Data;
- public class NewList : IHttpHandler
- {
- private int PageCount;
- private string PageOutStr;
- int kind;
- string Order = "";
- string tableName = "";
- string sqlwhere = "";
- string searchStr = "";
- public void ProcessRequest (HttpContext context) {
- try
- {
- context.Response.ContentType = "application/json";
- kind = GetContent.CheckInt(PageValidate.SqlTextClear(context.Request.Form["kind"]));
- int pageSize = GetContent.CheckInt(PageValidate.SqlTextClear(context.Request.Form["pageSize"]));
- int page = GetContent.CheckInt(PageValidate.SqlTextClear(context.Request.Form["page"]));
- Order = "n_is_head asc, n_order desc,d_list_date desc,id desc";
- tableName = "B_NEWS";
- sqlwhere = GetWhere();
- searchStr = "id,c_info_title,a2,a3,g_id,c_picurl1,beizhu1,CONVERT(varchar(100), d_list_date, 23) as d_list_date,c_kind_num,'1' c_linkurl,'1' date1,'1' date2";
- PagerRowNumber2 pagerRowNumber = new PagerRowNumber2(, pageSize, page, sqlwhere, searchStr, Order, tableName, "");
- // 数据总条数
- //int count = pagerRowNumber.getDataCount();
- PagerRowNumber2.PagerHtml pagerHtml = pagerRowNumber.Result;
- //修正当前页,如果传入一个非法的数值,能自动定位到第一页或最后一页
- page = pagerHtml.getPageIndex();
- PageCount = pagerHtml.getPageCount();
- PageOutStr =pagerHtml.getFirst()+ pagerHtml.getPre() + pagerHtml.getPagerStr() + pagerHtml.getNext()+pagerHtml.getLast();
- Json json = new Json();
- DataTable dt = pagerRowNumber.DataTable;
- if (dt.Rows.Count > )
- {
- for (int i = ; i < dt.Rows.Count; i++)
- {
- dt.Rows[i]["c_linkurl"] =KindUtils.GetDetailUrl(dt.Rows[i]["c_kind_num"].ToString())+"&id="+ dt.Rows[i]["id"].ToString();
- dt.Rows[i]["d_list_date"] = Convert.ToDateTime(dt.Rows[i]["d_list_date"]+"").ToString("yyyy.MM.dd");
- dt.Rows[i]["beizhu1"] = dt.Rows[i]["beizhu1"]+"";
- if (!string.IsNullOrEmpty(dt.Rows[i]["c_picurl1"].ToString()))
- {
- dt.Rows[i]["c_picurl1"] = Constant.UploadDir + "s/" + dt.Rows[i]["g_id"] + "/" + dt.Rows[i]["c_picurl1"];
- }
- }
- }
- string dtdata = json.Convert2Json(dt);
- string result = "{\"data\":" + dtdata + ",\"page\":" + page + ",\"PageCount\":" + PageCount;
- if (PageCount > )
- {
- result += ",\"PageOutStr\":" + GetContent.WriteStrForJson(PageOutStr);
- }
- else
- {
- result += ",\"PageOutStr\":\"\"";
- }
- result += "}";
- context.Response.Write(result);
- }
- catch (System.Exception ex)
- {
- throw ex;
- }
- }
- /// <summary>
- /// 获取where语句
- /// </summary>
- /// <returns></returns>
- private string GetWhere()
- {
- string sqlwhere = "where id>0 and c_kind_num='" + kind + "' and n_is_active=1";
- return sqlwhere;
- }
- public bool IsReusable {
- get {
- return false;
- }
- }
- }
- using System;
- /// <summary>
- /// 新闻
- /// 添加人:cz
- /// 时间:20171127
- /// </summary>
- public partial class news : BasePage
- {
- protected int pageSize = ;
- protected int strPageIndex = ; //页面索引
- protected void Page_Load(object sender, EventArgs e)
- {
- try
- {
- }
- catch (Exception ex)
- {
- throw ex;
- }
- }
- }
AJAX (分页)的更多相关文章
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- ThinkPHP 整合Bootstrap Ajax分页
ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...
- yii2的分页和ajax分页
要想使用Yii分页类第一步:在控制器层加载分页类 use yii\data\Pagination;第二步: 使用model层查询数据,并用分分页,限制每页的显示条数$data = User::find ...
- [js开源组件开发]ajax分页组件
ajax分页组件 我以平均每一周出一个开源的js组件为目标行动着,虽然每个组件并不是很庞大,它只完成某一个较小部分的工作,但相信,只要有付出,总会得到回报的.这个组件主要完成分页的工作. 这张图里显示 ...
- MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)
该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...
- MVC - 11(下)jquery.tmpl.js +ajax分页
继续 mvc-11(上).dto:http://www.cnblogs.com/tangge/p/3840060.html jquery.tmpl.js 下载:http://pan.baidu.com ...
- laraver ajax分页
,设置分页容器参考laraver手册 我的设置代码如下: ,控制器调用的方法:代码如下 ); include($path); $content = ob_get_cle ...
- PHP+jQuery 长文章分页类 ( 支持 url / ajax 分页方式 )
/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8 **** ...
- PHP+jQuery 列表分页类 ( 支持 url 分页 / ajax 分页 )
/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8.3.mi ...
- php--yii框架中的ajax分页与yii框架自带的分页
要想使用Yii分页类 第一步:在控制器层加载分页类 use yii\data\Pagination; 第二步: 使用model层查询数据,并用分分页,限制每页的显示条数 $data = Zhao::f ...
随机推荐
- 汇编题目:按A键,当松开的时显示字母A
安装一个新的int9中断例程,功能:在DOS下,按下“A”键后,除非不再松开,如果松开,就显示满屏的“A”:其他的按键照常处理.提示:按下一个键时产生的扫描码称为通码,松开一个键时产生的扫描码称为断码 ...
- poj 1273 Drainage Ditches(最大流,E-K算法)
一.Description Every time it rains on Farmer John's fields, a pond forms over Bessie's favorite clove ...
- 上海-北京间通过Azure Storage的RA-GRS类型的存储账户进行快速复制
Azure的Blob存储分成多种类型,目前主要有: 其中RA-GRS可以在上海-北京两个数据中心间同步数据.并且,在第二个数据中心可以只读的方式读取这个存储账户中的Blob内容. 虽然GRS采用的是准 ...
- freeMaker的工具类
package com.ek.util; import java.io.BufferedWriter; import java.io.ByteArrayOutputStream; import jav ...
- j++与++j
(j++)+(++j)+(++j) 核心部分汇编代码 执行顺序j原始值为5,存放在栈的ebp-4中;q无初始值,存放在栈的ebp-8中先执行一次j自增赋值++j ;j=6执行第一个加法运算;值存放在C ...
- SVN客户端下载和Svn visual studio插件
1.Visual SVN Visual SVN visual studio插件 https://www.visualsvn.com/vis... 2.TortoiseSVN SVN客户端下载 http ...
- LAMP 1.2 Apache编译安装问题解决
这个错误安装 yum install -y gcc error: mod_deflate has been requested but can not be built due to prerequi ...
- SpringSecurity04 利用JPA和SpringSecurity实现前后端分离的认证和授权
1 环境搭建 1.1 环境说明 JDK:1.8 MAVEN:3.5 SpringBoot:2.0.4 SpringSecurity:5.0.7 IDEA:2017.02旗舰版 1.2 环境搭建 创建一 ...
- Ganglia 安装 for centos6.5
环境: centos6.5x64 ,cdh5.1.0 三个节点: c1:gmeta gmond(gmeta类似于namenode,gmond 相当于datanode)主节点 c2: gmond (相当 ...
- Centos 查看机器型号
测试机器的硬件信息: 查看CPU信息(型号) # cat /proc/cpuinfo | grep name | cut -f2 -d: | uniq -c 8 Intel(R) Xeon(R) CP ...