手写AJAX实现GridView无刷新分页

AJAXTOOLKIT用起来虽然很方便，但有时会出点问题，我遇到的问题就是使用了AJAXTOOLKIT里面的控件的页面有时会出现刷新失败，或者该页面内的GRIDVIEW里面的按钮点击了有时没反应，有时又有反应。在网上搜索原来是AJAXTOOLKIT有BUG,有些人也或多或少遇到过一些类似的问题。因此我决定自己手写AJAX代码来实现页面的无刷新效果，这个过程中实现GridView无刷新分页是重点也很有代表性。下面给出实现过程。

后台代码如下：

 //要将GRIDVIEW转换成HTML必须实重载下面VerifyRenderingInServerForm，方法体内为空就行了。

public override void VerifyRenderingInServerForm(Control control)
    {
        //base.VerifyRenderingInServerForm (control);
    }

 protected void Page_Load(object sender, EventArgs e)
    {

//首次访问页面显示GRIDVIEW里面的第一页数据

        if (!IsPostBack && Request.QueryString.Count== 0)
        {
            Session["page"] = "1";

            MySqlConnection mcon = new MySqlConnection("server=localhost;database=test;uid=root;pwd=123");
            mcon.Open();
            MySqlCommand mcom = new MySqlCommand("select * from test limit " + 0 + "," + "100", mcon);
            MySqlDataAdapter ma = new MySqlDataAdapter(mcom);
            DataSet ds = new DataSet();
            ma.Fill(ds);
            GridView1.DataSource = ds.Tables[0];
           
           
           
            DataBind();
            mcon.Close();
            mcon.Dispose();
            mcom.Dispose();
            ma.Dispose();
            ds.Dispose();
        }

//回发的时候判断是下一页还是上一页显示新页面的数据
        else
        {
          

            if (Request.QueryString.Count > 0)
            {
                int page = Int32.Parse(Session["page"].ToString());

                if (Request.QueryString["id"].Contains("next"))//"NEXT"表示下一页
                {

                    page++;

                }
                else if (Request.QueryString["id"].Contains("pre"))//“PRE”为上一页
                {
                    page--;
                }
                    Session["page"] = page;
                    int beginNum=(page-1)*100;
                    MySqlConnection mcon = new MySqlConnection("server=localhost;database=test;uid=root;pwd=123");
                    mcon.Open();
                    MySqlCommand mcom = new MySqlCommand("select * from test limit "+beginNum+","+"100", mcon);
                    MySqlDataAdapter ma = new MySqlDataAdapter(mcom);
                    DataSet ds = new DataSet();
                    ma.Fill(ds);
                    GridView1.DataSource = ds.Tables[0];
                    DataBind();

//重点在下面，gridview通过STRINGWRITER将其html内容输出到HTML输出流里去

                    System.IO.StringWriter stringWrite = new StringWriter();
                    System.Web.UI.HtmlTextWriter writer = new System.Web.UI.HtmlTextWriter(stringWrite);
                  
                  
                 

                    GridView1.RenderControl(writer);
                   String Result = stringWrite.ToString();

                    Response.Write(Result);
                  
                    Response.End();//这个地方表示输出的内容在这里结束，将之前的内容发送到输出流，因此输出结果只有

//GRIDVIEW的HMTL，如果省略RESPONSE.END（）。将输出怎个页面的HMTL代码，在浏览器端还要重新截取

//GRIDVIEW 的HTML代码，不方便,效率也不高，因为只需要更新GRIDVIEW的内容
                    DataBind();
                    mcon.Close();
                    mcon.Dispose();
                    mcom.Dispose();
                    ma.Dispose();
                    ds.Dispose();
               
            }
        }
     
    }

 

浏览器代码的ajax就很简单了，将GRIDVIEW所在DIV的INNERHTML替换成传回的的值就行了。

 

转载于:https://www.cnblogs.com/jeep/archive/2009/07/07/1518715.html