日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

Ajax分頁功能的無框架實現(xiàn)的畫面很簡單，就是一排index地址，當(dāng)點擊鏈接后會以ajax的方式將數(shù)據(jù)綁定到下邊的repeater。

主要功能是在處理Ajax請求的AjaxProcess.aspx頁面實現(xiàn)的，我們來看看。

 
 
 
 

  
  
  
  
AjaxProcess.aspx 
  
  
  
  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxProcess.aspx.cs" Inherits="AjaxDemo.AjaxPager.MyAjaxPager.AjaxProcess" %>
  
  
  
  
 ID="rptGrid" runat="server">

  
  
  
  
    
  
  
  
  
        
            
                 style="border:solid 1px red;">編號
                 style="border:solid 1px red;">姓名
            
    
    
        
             style="border:solid 1px red;"><%# Eval("Id") %>
             style="border:solid 1px red;"><%# Eval("Name") %>
        
    
    
        

  
  
  
  
    
  
  
  
  
  
 
 
 
 

注意，這個Ajax處理頁面的aspx部分并不像往常那樣是光禿禿的，只有<% %>內(nèi)的信息，它的下面多了一個repeater控件，細(xì)心的朋友會發(fā)現(xiàn)，這個repeater控件和主頁面的repeater控件一摸一樣。就是利用這個repeater控件來生成返回的html內(nèi)容的，具體怎么做，請看代碼：

 
 
 
 

  
  
  
  
AjaxProcess.aspx.cs 
  
  
  
  
using System; 
  
  
  
  
using System.Collections.Generic; 
  
  
  
  
using System.Web; 
  
  
  
  
using System.Web.UI; 
  
  
  
  
using System.Web.UI.WebControls; 
  
  
  
  
using System.Text; 
  
  
  
  
using System.IO; 
  
  
  
  
namespace AjaxDemo.AjaxPager.MyAjaxPager 
  
  
  
  
{ 
  
  
  
  
    public class Item 
  
  
  
  
    { 
  
  
  
  
        public string Id 
  
  
  
  
        { 
  
  
  
  
            get; 
  
  
  
  
            set; 
  
  
  
  
        } 
  
  
  
  

  
  
  
  
        public string Name 
  
  
  
  
        { 
  
  
  
  
            get; 
  
  
  
  
            set; 
  
  
  
  
        } 
  
  
  
  
    } 
  
  
  
  

  
  
  
  
    public partial class AjaxProcess : System.Web.UI.Page 
  
  
  
  
    { 
  
  
  
  
        private int PageSize 
  
  
  
  
        { 
  
  
  
  
            get { return 10; } 
  
  
  
  
        } 
  
  
  
  

  
  
  
  
        private List GenerateData() 
  
  
  
  
        { 
  
  
  
  
            List lstItems = new List(); 
  
  
  
  
            for (int i = 1; i <= 1000000; i++) 
  
  
  
  
            { 
  
  
  
  
                Item it = new Item(); 
  
  
  
  

  
  
  
  
                it.Id = i.ToString(); 
  
  
  
  
                it.Name = "zs" + i; 
  
  
  
  

  
  
  
  
                lstItems.Add(it); 
  
  
  
  
            } 
  
  
  
  

  
  
  
  
            return lstItems; 
  
  
  
  
        } 
  
  
  
  

  
  
  
  
        private List GetData(int index) 
  
  
  
  
        { 
  
  
  
  
            List lstItem = GenerateData(); 
  
  
  
  
            List bdItem = new List(); 
  
  
  
  

  
  
  
  
            int begIndex = (index - 1) * PageSize; 
  
  
  
  
            int endIndex = index * PageSize; 
  
  
  
  

  
  
  
  
            for (int i = begIndex; i < endIndex; i++) 
  
  
  
  
            { 
  
  
  
  
                bdItem.Add(lstItem[i]); 
  
  
  
  
            } 
  
  
  
  

  
  
  
  
            return bdItem; 
  
  
  
  
        } 
  
  
  
  

  
  
  
  
        private string GetHtml(Control control) 
  
  
  
  
        { 
  
  
  
  
            StringBuilder sb = new StringBuilder(); 
  
  
  
  
            StringWriter writer = new StringWriter(sb); 
  
  
  
  
            HtmlTextWriter writer2 = new HtmlTextWriter(writer); 
  
  
  
  
            control.RenderControl(writer2); 
  
  
  
  
            return sb.ToString(); 
  
  
  
  
        } 
  
  
  
  

  
  
  
  
        protected void Page_Load(object sender, EventArgs e) 
  
  
  
  
        { 
  
  
  
  
            int index = 0; 
  
  
  
  
            if (int.TryParse(Request.QueryString["index"], out index)) 
  
  
  
  
            { 
  
  
  
  
                //獲取到index再進(jìn)行操作 
  
  
  
  
                this.rptGrid.DataSource = this.GetData(index); 
  
  
  
  
                this.rptGrid.DataBind(); 
  
  
  
  

  
  
  
  
                Response.Clear(); 
  
  
  
  
                string html = this.GetHtml(rptGrid); 
  
  
  
  
                Response.Write(html); 
  
  
  
  
                Response.End(); 
  
  
  
  
            } 
  
  
  
  
        } 
  
  
  
  
    } 
  
  
  
  
}
 
 
 
 

代碼相當(dāng)簡單，GenerateData()方法用來生成一個DataSource，GetData(int index)方法用來讀取分頁信息。在Page_Load事件中，會首先獲取請求字符串中的index(頁碼)，然后利用index取得當(dāng)前頁的信息并將它綁定到repeater控件上，然后利用GetHtml()方法來獲取綁定數(shù)據(jù)后的repeater控件的html內(nèi)容，將它返回。

Ok，在主頁面的js中。

 
 
 
 

  
  
  
  
var gridData = xmlHttp.responseText; 
  
  
  
  
var grid = document.getElementById("grid"); 
  
  
  
  
grid.innerHTML = gridData;
 
 
 
 

我們獲取返回的這段html，并將它的內(nèi)容輸出到主頁面的制定div中，到此就成功完成了一次分頁請求。

這是一個簡單的demo，如果有需要，還可以加一些分頁等待過程中的動畫什么的，這里就不詳述了。

以上Ajax分頁功能的內(nèi)容希望可以幫助到有需要的朋友。