无刷新分页实现

1，前台页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="homepage.aspx.cs" Inherits="homepage" %>

<!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">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>压铸微博</title>
<link href="css/public.css" rel="stylesheet" type="text/css"/>
<link href="css/muban1.css" rel="stylesheet" type="text/css"/>
<script language="JavaScript" type="text/javascript" src="js/public.js" charset="gb2312"></script>
<script language="JavaScript" type="text/javascript" src="js/weibo.js" charset="gb2312"></script>
</head>
<body>
    <form >

 <div class="up"></div>
 
 <div class="center">
      <div class="head">
       <div class="logo"></div>
   
    <div class="search">
         <input type="text" name="textfield" value="搜名字/账号/标签/广播/话题" size="30" class="search1"  /> 
      &nbsp;
         <input type="image" name="Submit" value="" src="images/muban1/search.gif" />             
    </div>
   
    <div class="menu"><span class="red">首  页</span> | 微博广场 | 我的信箱 | 我的粉丝 | 关注朋友 | 我的微博</div>
    <div class="ad"></div>
   </div>
  
   <div class="left">
        <div class="about">
         <p class="renwu"><img src="images/muban1/ad.jpg" /></p>
      <p class="font_14b">华厦</p><p><img src="images/muban1/icon11.gif" /></p>
         <ul>
         <li>关注<span class="font_r14">122</span></li>
      <li>粉丝<span class="font_r14">122</span></li>
      <li>微博<span class="font_r14">122</span></li>
      </ul>
     </div>
     <div class="tuijian">
         <div class="title font_14b"><span>更多</span>推荐用户</div>
      <div class="content">
          <ul>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      <li><img src="images/ad1.jpg" />何炅</li>
      </ul>
      </div>
     </div>
   </div>
  
   <div class="right">
       <div class="fabu">
        <p class="font_18">来，说说你在做什么，想什么</p>

        <p><asp:TextBox ID="publisharea" runat="server" style="width:590px;height:86px;"></asp:TextBox></p>

     <p style="margin:10px 0px 0px 0px;"><div style="float:left;">还能输入140字</div><div style="float:right;"><asp:ImageButton ID="publishbutton" runat="server" ImageUrl="images/muban1/button.gif" OnClick="publish_Microblog" /></div><div style="clear:both;"></div></p>
    </div>
    <div class="news">
        <div class="title font_w14"><span class="botton">　全部广播</span>　我的广播</div>
     <div class="content" >版权所有：中国压铸网</div>

</div>

    </form>
</body>
</html>

2，分页JS页面

/*显示微博*/
function show_WeiBo(user_id, num, page, divid) {
    var xmlResult;
    $ID(divid).style.visibility = "hidden";
    var regxml = AjaxObject();
    if (regxml) {
        regxml.onreadystatechange = function() {
            if (regxml.readyState == 4) {
                if (regxml.status == 200) {
                    xmlResult = regxml.responseXML;
                    var results, i, strTemp = "", strPage = "", W_id, UserId, ParentId, Content, Created, PageUrl, FlashUrl, PicUrl, Pic, Type, allrec, totalpage, pages;
                    results = xmlResult.getElementsByTagName("result");
                    if (results[0].getElementsByTagName("Id")[0].firstChild.data == "#") {
                        strTemp = "<font class=\"gray\"><br />&nbsp;&nbsp;---暂无相关信息!---</font>";
                    }
     else {
                        allrec = xmlResult.getElementsByTagName("allrec")[0].firstChild.data;
                        totalpage = xmlResult.getElementsByTagName("totalpage")[0].firstChild.data;
                        pages = xmlResult.getElementsByTagName("page")[0].firstChild.data;
                        var currentpage = parseInt(pages);
                        /*分页-start-*/
                        if (totalpage > 1) {
                            strPage += "<div class=\"page_list\">";
                            var n = currentpage + 1;
                            var p = currentpage - 1;
                            if (p <= 0) {
                                p = 1;
                            }
                            if (n >= totalpage) {
                                n = totalpage;
                            }
                            var minpage = currentpage - 3;
                            var maxpage = currentpage + 3;
                            if (minpage <= 0) {
                                minpage = 1;
                                maxpage = 7;
                            }
                            if (maxpage > totalpage) {
                                maxpage = totalpage;
                                minpage = maxpage - 6;
                                if (minpage <= 0) {
                                    minpage = 1;
                                }
                            }
                            /*第一页和上一页*/
                            if (currentpage != 1) {
                                strPage += "<a href=\"javascript:\" onclick=\"javascript:show_WeiBo(" + user_id + "," + num + "," + p + ",'" + divid + "');\">上一页</a>";
                            } else {
                                strPage += "<span class=\"page1\">上一页</span>";
                            }
                            if (currentpage - 1 > 3 && totalpage > 7) {
                                if (currentpage - 1 == 4 || totalpage == 8) {
                                    strPage += "<a href=\"javascript:\" onclick=\"javascript:show_WeiBo(" + user_id + "," + num + ",1,'" + divid + "');\">1</a>";
                                } else {
                                    strPage += "<a href=\"javascript:\" onclick=\"javascript:show_WeiBo(" + user_id + "," + num + ",1,'" + divid + "');\">1</a><span>.</span>";
                                }
                            }
                            /*第一页和上一页*/
                            for (var i = minpage; i <= maxpage; i++) {
                                if (currentpage == i) {
                                    strPage += "<a class=\"page1\">" + i + "</a>";
                                } else {
                                    strPage += "<a href=\"javascript:\" onclick=\"javascript:show_WeiBo(" + user_id + "," + num + "," + i + ",'" + divid + "');\">" + i + "</a>";
                                }
                            }
                            /*最后一页和下一页*/
                            if (totalpage - currentpage > 3 && totalpage > 7) {
                                if (totalpage - currentpage == 4 || totalpage == 8) {
                                    strPage += "<a href=\"javascript:\" onclick=\"javascript:show_WeiBo(" + user_id + "," + num + "," + totalpage + ",'" + divid + "');\">" + totalpage + "</a>";
                                } else {
                                    strPage += "<span>.</span><a href=\"javascript:\" onclick=\"javascript:show_WeiBo(" + user_id + "," + num + "," + totalpage + ",'" + divid + "');\">" + totalpage + "</a>";
                                }
                            }
                            if (currentpage < totalpage) {
                                strPage += "<a href=\"javascript:\" onclick=\"javascript:show_WeiBo(" + user_id + "," + num + "," + n + ",'" + divid + "');\" >下一页</a>";
                            } else {
                                strPage += "<span class=\"page1\">下一页</span>";
                            }
                            /*最后一页和下一页*/
                            strPage = strPage + "</div>";
                            $ID(divid + "_b_page").innerHTML = strPage;
       /*分页-end-*/
                        }
                        for (i = 0; i < results.length; i++) {
                            strTemp += "<ul class=\"weibo_list\" onmouseover=\"\" onmouseout=\"\">";
                            W_id = results[i].getElementsByTagName("Id")[0].firstChild.data;
                            UserId = results[i].getElementsByTagName("UserId")[0].firstChild.data;
                            ParentId = results[i].getElementsByTagName("ParentId")[0].firstChild.data;
                            Content = unescape(results[i].getElementsByTagName("Content")[0].firstChild.data);
                            Created = unescape(results[i].getElementsByTagName("Created")[0].firstChild.data);
                            PageUrl = unescape(results[i].getElementsByTagName("PageUrl")[0].firstChild.data);
                            FlashUrl = unescape(results[i].getElementsByTagName("FlashUrl")[0].firstChild.data);
       PicUrl = unescape(results[i].getElementsByTagName("PicUrl")[0].firstChild.data);
       Pic = unescape(results[i].getElementsByTagName("Pic")[0].firstChild.data);
       Type = results[i].getElementsByTagName("Type")[0].firstChild.data;
                            strTemp += "<li>"+Content+" "+Created+"</li>";
                            strTemp += "</ul>";
                        }
                    }
                    $ID(divid).innerHTML = strTemp;
                    $ID(divid).style.visibility = "";
                }
            }
        }
        regxml.open("GET", "Ajax/Handler.ashx?user_ + page, true);
        regxml.send(null);
    }
}

3，生成Ajax对象页面：

function $ID(id){return document.getElementById(id);}
var i=9;
var close_str,close_str1;
function check_len(value,num)
{
 var str=value;
 var str1=value+"_p";
 var num1=num-$ID(str).value.length;
 if($ID(str).value.length <= num && $ID(str).value.length >= 1)
 {
  $ID(str1).innerHTML="【您还可以输入"+num1+"个字。】";
 }
 else if($ID(str).value.length == 0)
 {
  $ID(str1).innerHTML="【您至少需要输入1个字。不然提交时将出现错误。】";
 }
 else
 {
  $ID(str1).innerHTML="【您的输入已经超过"+num+"个字。提交时将出现错误。】";
 }
}
function check_len_n(value,num)
{
 var str=value;
 var str1=value+"_p";
 var num1=num-$ID(str).value.length;
 if($ID(str).value.length <= num )
 {
  $ID(str1).innerHTML="【您还可以输入"+num1+"个字。】";
 }
 else
 {
  $ID(str1).innerHTML="【您的输入已经超过"+num+"个字。提交时将出现错误。】";
 }
}
//操作提示
function popup_I(type,content,stime)
{
 if(!$ID("cnzz_win")){
  var newNode=document.createElement("div");
  newNode.)==true){
    number+=1;
   }
  }
 }
 return number;
}
/*公用检验*/
String.prototype.isUrl = function(){
 return (/^http[s]?:\/\/([\w-]+\.)+[\w-]+([\w-./?%&=]*)?$/i).test(this);
}
String.prototype.isEmail = function(){
 return (/^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/i).test(this);
}
String.prototype.trim=function() {
 return this.replace(/(^\s*)|(\s*$)/g, '');
}
/*提示确认框*/
function return_ok(Content){
 var i=confirm(Content);
 if(i){
  return true;
 }
 else{
  return false;
 }
}
/*图片尺寸格式化*/
function DrawImage(ImgD,iwidth,iheight){
 var image=new Image();
 image.src=ImgD.src;
 if(image.width>0 && image.height>0){
  if(image.width/image.height>= iwidth/iheight){
   if(image.width>iwidth){ 
    ImgD.width=iwidth;
    ImgD.height=(image.height*iwidth)/image.width;
   }
   else{
    ImgD.width=image.width; 
    ImgD.height=image.height;
   }
  }
  else{
   if(image.height>iheight){ 
    ImgD.height=iheight;
    ImgD.width=(image.width*iheight)/image.height; 
   }
   else{
    ImgD.width=image.width; 
    ImgD.height=image.height;
   }
  }
 }
}

 4,动态文件

<%@ WebHandler Language="C#" Class="Handler" %>

using System;
using System.Web;
using System.Text;
using System.Data;
using Maticsoft.DBUtility;

public class Handler : IHttpHandler {
    private int ps;
    private int cp;
    private int allrec;
    private int totalpage;
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "application/xml";
       
        if (context.Request.QueryString["pageSize"]!=null)
        {
            ps = Convert.ToInt32(context.Request.QueryString["pageSize"]);
        }
        else
        {
            ps = 20;
        }

        if (context.Request.QueryString["Page"]!=null)
        {
            cp = Convert.ToInt32(context.Request.QueryString["Page"]);
        }
        else
        {
            cp = 1;
        }
        allrec = Convert.ToInt32(DbHelperSQL.GetSingle("select count(1) from individual_microblog "));
        totalpage = Convert.ToInt32((allrec + ps - 1) / ps);
        context.Response.Write(server_Side_Processing(ps,cp));
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

    /// <summary>
    ///服务器端处理程序到数据库查询数据并生成xml档返回
    /// </summary>
    public string server_Side_Processing(int pageSize, int currentPage)
    {
        StringBuilder resultXML = new StringBuilder();
        string str_xml;
        DataSet ds;
        int i;


        resultXML.Append("<?xml version=\"1.0\" encoding=\"gb2312\" ?>");
        resultXML.Append("<weibo>\n");
        resultXML.Append("<allrec>" + allrec + "</allrec>\n");
        resultXML.Append("<totalpage>" + totalpage + "</totalpage>\n");
        resultXML.Append("<page>" + cp + "</page>\n");
        resultXML.Append("<num>" + ps + "</num>\n"); 
        try
        {
            if (currentPage == 1)
            {
                str_xml = "select top " + pageSize + " * from individual_microblog order by Id desc";
            }
            else
            {
                str_xml = "select top " + pageSize + " * from individual_microblog where Id not in (select top " + pageSize * (currentPage - 1) + " Id from individual_microblog order by Id desc) order by Id desc";
            }
           
            ds = DbHelperSQL.Query(str_xml);

            if (ds != null)
            {

                for (i = 0; i < pageSize; i++)
                {
                    if (ds.Tables[0].Rows[i] == null)
                    {
                        break;
                    }

                    resultXML.Append("<result>\n");
                    resultXML.Append("\t<Id>" + ds.Tables[0].Rows[i]["Id"].ToString() + "</Id>\n");
                    resultXML.Append("\t<UserId>" + ds.Tables[0].Rows[i]["UserId"].ToString() + "</UserId>\n");
                    resultXML.Append("\t<ParentId>" + ds.Tables[0].Rows[i]["ParentId"].ToString() + "</ParentId>\n");

                    if (ds.Tables[0].Rows[i]["Content"].ToString().Trim() != "")
                    {
                        resultXML.Append("\t<Content>" + HttpUtility.UrlEncodeUnicode(ds.Tables[0].Rows[i]["Content"].ToString().Trim()) + "</Content>\n");
                    }
                    else
                    {
                        resultXML.Append("\t<Content>#</Content>\n");
                    }

                    resultXML.Append("\t<Created>" + ds.Tables[0].Rows[i]["Created"].ToString() + "</Created>\n");

                    if (ds.Tables[0].Rows[i]["PageUrl"].ToString().Trim() != "")
                    {
                        resultXML.Append("\t<PageUrl>" + HttpUtility.UrlEncodeUnicode(ds.Tables[0].Rows[i]["PageUrl"].ToString().Trim()) + "</PageUrl>\n");
                    }
                    else
                    {
                        resultXML.Append("\t<PageUrl>#</PageUrl>\n");
                    }

                    if (ds.Tables[0].Rows[i]["FlashUrl"].ToString().Trim() != "")
                    {
                        resultXML.Append("\t<FlashUrl>" + HttpUtility.UrlEncodeUnicode(ds.Tables[0].Rows[i]["FlashUrl"].ToString().Trim()) + "</FlashUrl>\n");
                    }
                    else
                    {
                        resultXML.Append("\t<FlashUrl>#</FlashUrl>\n");
                    }

                    if (ds.Tables[0].Rows[i]["PicUrl"].ToString().Trim() != "")
                    {
                        resultXML.Append("\t<PicUrl>" + HttpUtility.UrlEncodeUnicode(ds.Tables[0].Rows[i]["PicUrl"].ToString().Trim()) + "</PicUrl>\n");
                    }
                    else
                    {
                        resultXML.Append("\t<PicUrl>#</PicUrl>\n");
                    }

                    if (ds.Tables[0].Rows[i]["Pic"].ToString().Trim() != "")
                    {
                        resultXML.Append("\t<Pic>" + HttpUtility.UrlEncodeUnicode(ds.Tables[0].Rows[i]["Pic"].ToString().Trim()) + "</Pic>\n");
                    }
                    else
                    {
                        resultXML.Append("\t<Pic>#</Pic>\n");
                    }

                    resultXML.Append("\t<Type>" + ds.Tables[0].Rows[i]["Type"].ToString() + "</Type>\n");

                    resultXML.Append("</result>\n");
                }
            }
            else
            {
                resultXML.Append("<result>\n");
                resultXML.Append("\t<Id>#</Id>\n");
                resultXML.Append("</result>\n");
            }

        }
        catch (Exception e)
        {
            Console.WriteLine("{0} Exception caught.", e);
        }

        resultXML.Append("</weibo>");

        return resultXML.ToString();
    }

}

相关文章：

猜你喜欢
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode