java ajax无刷分页_手写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替换成传回的的值就行了。