使用AjaxPro实现无刷新分页

最近被无刷新的用户体验所折服，写了个简单的分页示例

很简单，不完善

前台代码：Test.aspx

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

<! 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 >使用AjaxPro实现无刷新分页示例 </ title >
     < script  type ="text/javascript" >
         var  totalRecordCount; // 符合条件 记录总数
         var  pageSize = 10 ; // 每页显示10条记录
         var  totalPageCount; // 总页数
         var  pageIndex;
         var  Max = 10 ; // 每屏幕显示的最大页数
         var  totalpingmushuCount; // 总屏幕数
         var  pingmushuIndex;
         function  test()
        {
             var  val  =  document.getElementById( ' txtSearch ' ).value;
             // 符合条件 记录总数
             var  totalRecordCount  =  Test.getTotalRecordCount(val).value.split( " ~ " )[ 0 ].split( " | " ).length  -   1 ;
             // alert(totalRecordCount);
             if (totalRecordCount % pageSize  ==   0 )
            {
                totalPageCount  =  totalRecordCount / pageSize;
                 // alert(totalPageCount);
            }
             else   if (totalRecordCount % pageSize  !=   0 )
            {
                totalPageCount  =  parseInt(totalRecordCount / pageSize)  +   1 ;
                 // alert(totalPageCount);
            }
            
            pageIndex = 1 ; // 第一页
             var  response  =  Test.getDateSet(pageIndex, pageSize, val);
             var  AllContent  =  response.value.split( " ~ " ); 
             var  title  =  AllContent[ 0 ].split( " | " );
             var  temp  =   ' <table border="0" cellpadding="0" cellspacing="0"> ' ;
             for ( var  i = 0 ; i <= pageIndex * pageSize - 1 ; i ++ )
            {
                temp  +=   ' <tr> ' +
                         ' <td> ' + title[i] + ' </td> ' +
                         ' </tr> '
            } 
            temp  +=    ' </table> ' ;
            document.getElementById( " News " ).innerHTML  =  temp;
            
             if (totalPageCount % Max  ==   0 )
            {
                totalpingmushuCount  =  totalPageCount / Max;
                pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                 if (totalpingmushuCount  ==   1 )
                {
                     /* begin */
                     var  temp2  =   '' ;
                    temp2  +=   ' <a>上一页</a>  ' ;
                     for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                    {
                         if (i  ==  pageIndex)
                        {
                            temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                        }
                         else   if (i  !=  pageIndex)
                        {
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                        }
                    }
                    temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                    document.getElementById( " page " ).innerHTML  = temp2;
                     /* end */
                }
                 else   if (totalpingmushuCount  >   1 )
                {
                     if (pingmushuIndex  ==   1 )
                    {
                         /* begin */
                         var  temp2  =   '' ;
                        temp2  +=   ' <a>上一页</a>  ' ;
                         for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                        {
                             if (i  ==  pageIndex)
                            {
                                temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                            }
                             else   if (i  !=  pageIndex)
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                            }
                        }
                        temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                        document.getElementById( " page " ).innerHTML  = temp2;
                         /* end */
                    }
                     else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount)
                    {}
                     else   if (pingmushuIndex  ==  totalpingmushuCount)
                    {}
                }
            }
             else   if (totalPageCount % Max  !=   0 )
            {
                totalpingmushuCount  =  parseInt(totalPageCount / Max)  +   1 ;
                pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                 if (totalpingmushuCount  ==   1 )
                {
                     /* begin */
                     var  temp2  =   '' ;
                    temp2  +=   ' <a>上一页</a>  ' ;
                     for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                    {
                         if (i  ==  pageIndex)
                        {
                            temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                        }
                         else   if (i  !=  pageIndex)
                        {
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                        }
                    }
                     //
                     if (totalPageCount  ==   1 )
                    {
                        temp2  +=   ' <a>下一页</a>  ' ;
                    }
                     else   if (totalPageCount  >   1 )
                    {
                        temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                    }
                    document.getElementById( " page " ).innerHTML  = temp2;
                     //
                     /* end */
                }
                 else   if (totalpingmushuCount  >   1 )
                {
                     if (pingmushuIndex  ==   1 )
                    {
                         /* begin */
                         var  temp2  =   '' ;
                        temp2  +=   ' <a>上一页</a>  ' ;
                         for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                        {
                             if (i  ==  pageIndex)
                            {
                                temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                            }
                             else   if (i  !=  pageIndex)
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                            }
                        }
                        temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                        document.getElementById( " page " ).innerHTML  = temp2;
                         /* end */
                    }
                     else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount)
                    {}
                     else   if (pingmushuIndex  ==  totalpingmushuCount)
                    {}
                }
            }
        }
        
        
         // 点击
         function  pageClick(pageIndex, flag)
        {
            document.getElementById( " News " ).innerHTML  =   "" ;
             var  response  =  Test.getDateSet(pageIndex, pageSize,  " 1 " );
             var  AllContent  =  response.value.split( " ~ " ); 
             var  title  =  AllContent[ 0 ].split( ' | ' );
             var  temp  =   ' <table border="0" cellpadding="0" cellspacing="0"> ' ;
             for ( var  i = 0 ; i < title.length - 1 ; i ++ )
            {
                temp  +=   ' <tr> ' +
                         ' <td> ' + title[i] + ' </td> ' +
                         ' </tr> '
            } 
            temp  +=    ' </table> ' ;
            document.getElementById( " News " ).innerHTML  = temp;
            
             if (flag  ==   0 ) // flag == 0//点击数字链接
            {
                 if (totalPageCount % Max  ==   0 ) // flag == 0
                {
                    totalpingmushuCount  =  totalPageCount / Max;
                    pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                     if (totalpingmushuCount  ==   1 ) // flag == 0
                    {    
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  (pingmushuIndex) * Max) // flag == 0
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex) * Max) // flag == 0
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                    }
                     else   if (totalpingmushuCount  >   1 ) // flag == 0
                    {
                         if (pingmushuIndex  ==   1 ) // flag == 0
                        {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount) // flag == 0
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  ==  totalpingmushuCount) // flag == 0
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  pingmushuIndex * Max)
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  pingmushuIndex * Max)
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                    }
                }
                 else   if (totalPageCount % Max  !=   0 ) // flag == 0
                {
                    totalpingmushuCount  =  parseInt(totalPageCount / Max)  +   1 ;
                    pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                     if (totalpingmushuCount  ==   1 ) // flag == 0
                    {
                         /* begin */
                        temp2  =   '' ;
                         if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                        {
                            temp2  +=   ' <a>上一页</a>  ' ;
                        }
                         else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                        {
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                        }
                         for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                        {
                             if (i  ==  pageIndex) // flag == 0
                            {
                                temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                            }
                             else   if (i  !=  pageIndex) // flag == 0
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                            }
                        }
                         if (pageIndex  ==  totalPageCount)
                        {
                            temp2  +=   ' <a>下一页</a>  ' ;
                        }
                         else   if (pageIndex  !=  totalPageCount)
                        {
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                        }
                        document.getElementById( " page " ).innerHTML  = temp2;
                         /* end */
                    }
                     else   if (totalpingmushuCount  >   1 ) // flag == 0
                    {
                         if (pingmushuIndex  ==   1 ) // flag == 0
                        {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 0
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount) // flag == 0
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  ==  totalpingmushuCount) // flag == 0
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 0
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  totalPageCount) // flag == 0
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  totalPageCount) // flag == 0
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                    }
                }
            }
             else   if (flag  ==   1 ) // flag == 1//点击下一页
            {
                 if (totalPageCount % Max  ==   0 ) // flag == 1
                {
                    totalpingmushuCount  =  totalPageCount / Max;
                    pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                     if (totalpingmushuCount  ==   1 ) // flag == 1
                    {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  (pingmushuIndex) * Max) // flag == 1
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex) * Max) // flag == 1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                    }
                     else   if (totalpingmushuCount  >   1 ) // flag == 1
                    {
                         if (pingmushuIndex  ==   1 ) // flag == 1
                        {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount) // flag == 1
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  ==  totalpingmushuCount) // flag == 1
                        {
                              /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  totalPageCount) // flag == 1
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  totalPageCount) // flag == 1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                    }
                }
                 else   if (totalPageCount % Max  !=   0 ) // flag == 1
                {
                    totalpingmushuCount  =  parseInt(totalPageCount / Max)  +   1 ;
                    pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                     if (totalpingmushuCount  ==   1 ) // flag == 1
                    {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  totalPageCount) // flag == 1
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  totalPageCount) // flag == 1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                    }
                     else   if (totalpingmushuCount  >   1 ) // flag == 1
                    {
                         if (pingmushuIndex  ==   1 ) // flag == 1
                        {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  (pingmushuIndex) * Max) // flag == 1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex) * Max) // flag == 1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount) // flag == 1
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  ==  totalpingmushuCount) // flag == 1
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == 1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  totalPageCount) // flag == 1
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  totalPageCount) // flag == 1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                    }
                }
            }
             else   if (flag  ==   - 1 ) // flag == -1
            {
                 if (totalPageCount % Max  ==   0 ) // flag == -1
                {
                    totalpingmushuCount  =  totalPageCount / Max;
                    pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                     if (totalpingmushuCount  ==   1 )
                    {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == -1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= (pingmushuIndex) * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  (pingmushuIndex) * Max) // flag == -1
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex) * Max) // flag == -1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                    }
                     else   if (totalpingmushuCount  >   1 ) // flag == -1
                    {
                         if (pingmushuIndex  ==   1 ) // flag == -1
                        {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == 1
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == -1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount) // flag == -1
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  ==  totalpingmushuCount) // flag == -1
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  pingmushuIndex * Max)
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  pingmushuIndex * Max)
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                    }
                }
                 else   if (totalPageCount % Max  !=   0 ) // flag == -1
                {
                    totalpingmushuCount  =  parseInt(totalPageCount / Max)  +   1 ;
                    pingmushuIndex  =  (parseInt((pageIndex  -   1 ) / Max)  +   1 );
                     if (totalpingmushuCount  ==   1 ) // flag == -1
                    {
                         /* begin */
                        temp2  =   '' ;
                         if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == -1
                        {
                            temp2  +=   ' <a>上一页</a>  ' ;
                        }
                         else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == -1
                        {
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                        }
                         for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                        {
                             if (i  ==  pageIndex) // flag == -1
                            {
                                temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                            }
                             else   if (i  !=  pageIndex) // flag == -1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                            }
                        }
                         if (pageIndex  ==  totalPageCount) // flag == -1
                        {
                            temp2  +=   ' <a>下一页</a>  ' ;
                        }
                         else   if (pageIndex  !=  totalPageCount) // flag == -1
                        {
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                        }
                        document.getElementById( " page " ).innerHTML  = temp2;
                         /* end */
                    }
                     else   if (totalpingmushuCount  >   1 ) // flag == -1
                    {
                         if (pingmushuIndex  ==   1 ) // flag == -1
                        {
                             /* begin */
                            temp2  =   '' ;
                             if (pageIndex  ==  (pingmushuIndex - 1 ) * Max + 1 ) // flag == -1
                            {
                                temp2  +=   ' <a>上一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex - 1 ) * Max + 1 ) // flag == -1
                            {
                                temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                            }
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  (pingmushuIndex) * Max) // flag == -1
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  (pingmushuIndex) * Max) // flag == -1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  >   1   &&  pingmushuIndex  <  totalpingmushuCount)
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= pingmushuIndex * Max; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                            temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                         else   if (pingmushuIndex  ==  totalpingmushuCount)
                        {
                             /* begin */
                            temp2  =   '' ;
                            temp2  +=   ' <a href="#" οnclick="pageClick( ' + (pageIndex - 1 ) + ' , ' + ( - 1 ) + ' )">上一页</a>  ' ;
                             for ( var  i = (pingmushuIndex - 1 ) * Max + 1 ; i <= totalPageCount; i ++ )
                            {
                                 if (i  ==  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a>[ ' + i + ' ]</a>  ' ;
                                }
                                 else   if (i  !=  pageIndex) // flag == -1
                                {
                                    temp2  +=   ' <a href="#" οnclick="pageClick( ' + i + ' , ' + 0 + ' )">[ ' + i + ' ]</a>  ' ;    
                                }
                            }
                             if (pageIndex  ==  totalPageCount) // flag == -1
                            {
                                temp2  +=   ' <a>下一页</a>  ' ;
                            }
                             else   if (pageIndex  !=  totalPageCount) // flag == -1
                            {
                                temp2  +=   ' <a href ="#" οnclick="pageClick( ' + (pageIndex + 1 ) + ' , ' + 1 + ' )">下一页</a>  ' ;
                            }
                            document.getElementById( " page " ).innerHTML  = temp2;
                             /* end */
                        }
                    }
                }
            }
        }
     </ script >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
        
         < input  id ="txtSearch"  type ="text"  value ="1"   />
         < input  id ="btnSearch"  type ="button"  value ="查询一下"  onclick ="test();"   />
        我是NANA，局部刷新影响不到我，因为浏览器是不刷新的~
         < hr  />
         < div  id ="News" ></ div >
         < div  id ="page" ></ div >
        
     </ div >
     </ form >
</ body >
</ html >

后台代码：Test.aspx.cs

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

using  System.Data.SqlClient;
using  System.Text;

public   partial   class  Test : System.Web.UI.Page
{
     protected   void  Page_Load( object  sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax( typeof (Test));
    }
    [AjaxPro.AjaxMethod]
     public   static   string  getTotalRecordCount( string  strSearch)
    {
         string  strConnection  =  System.Configuration.ConfigurationManager.AppSettings[ " ConnectionString " ];
        SqlConnection con  =   new  SqlConnection(strConnection);
        SqlDataAdapter sda  =   new  SqlDataAdapter( " select * from News where NewsKindID= "   +  Convert.ToInt32(strSearch)  +   "  order by NewsID desc " , con);
        DataSet ds  =   new  DataSet();
        con.Open();
        sda.Fill(ds);
        con.Close();

        StringBuilder sbTitle  =   new  StringBuilder();

         foreach  (DataRow dr  in  ds.Tables[ 0 ].Rows)
        {
            sbTitle.Append(dr[ " NewsTitle " ].ToString()).Append( " | " );
        }

         return  sbTitle.ToString()  +   " ~ " ;
    }
    [AjaxPro.AjaxMethod]
     public   string  getDateSet( int  pageIndex,  int  pageSize,  string  strSearch)
    {
         string  strConnection  =  System.Configuration.ConfigurationManager.AppSettings[ " ConnectionString " ];
        SqlConnection con  =   new  SqlConnection(strConnection);
        SqlDataAdapter sda  =   new  SqlDataAdapter( " select top  "   +  pageSize  +   "  * from News where NewsID not in (select top  "   +  pageSize  *  (pageIndex  -   1 )  +   "  NewsID from News where NewsKindID= "   +  Convert.ToInt32(strSearch)  +   "  and NewsKindID= " + Convert.ToInt32(strSearch) + "  order by NewsID desc) order by NewsID desc " , con);
        DataSet ds  =   new  DataSet();
        con.Open();
        sda.Fill(ds);
        con.Close();

        StringBuilder sbTitle  =   new  StringBuilder();

         foreach  (DataRow dr  in  ds.Tables[ 0 ].Rows)
        {
            sbTitle.Append(dr[ " NewsTitle " ].ToString()).Append( " | " );
        }

         return  sbTitle.ToString()  +   " ~ " ;
    }
}

这里一共有100条记录，每页显示10条记录，总页数共10页
每10页显示为一屏

程序运行效果：
点击"查询一下"之前：

点击"查询一下"之后，显示第1页：

显示第2页：

显示第10页：


写了大多的重复代码，还有就是当页数为30页或更多时，没有翻到下一个10页或上一个10页的链接。
大家有其他的简易好方法，欢迎拿出来大家交流下~
NANA希望与大家共同努力，共同奋斗，共同进步~