用ajax使網頁不重新整理就可以顯示新資料

ajax|資料|重新整理|網頁|顯示

用AjaxPro的：
1. 在引用中添加引用AjaxPro.dll,我用的是這個,支援asp.net 1.1 和asp.net 2.0。

2. web.config中建立HttpHandler

3..建立一個類Demo，這個類裡面提供了查詢資料庫和輸出資料行表的方法。獲得伺服器控制項運行後產生的html，然後返回用戶端。

Demo.cs

---------------------------------------------

using System;
using System.Data;
using AjaxPro;
using System.Web.UI.WebControls;

namespace AJAXDemo
{
 public class Demo
 {
  public Demo()
  {
  }

   [AjaxMethod]
  public DataSet GetSqlServerTable()
  {
   DataSet ds = new DataSet();
   System.Data.SqlClient.SqlConnection conn = new System.Data.SqlClient.SqlConnection("user id=sa;data source=SERVER;initial catalog=zhsj");
   System.Data.SqlClient.SqlDataAdapter da = new System.Data.SqlClient.SqlDataAdapter("SELECT id FROM 發貨單", conn);

   try
   {
    conn.Open();
  
    try
    {
     da.Fill(ds);
    }
    finally
    {
     conn.Close();
     conn.Dispose();
    }
   }
   catch(Exception)
   {
   }

   return ds;
  }

  [AjaxMethod]
  public string GetAjaxTable()
  { 
   DataSet ds = new DataSet();
   System.Data.SqlClient.SqlConnection conn = new System.Data.SqlClient.SqlConnection("user id=sa;data source=SERVER;initial catalog=zhsj");
   System.Data.SqlClient.SqlDataAdapter da = new System.Data.SqlClient.SqlDataAdapter("SELECT top 8 * from 規格對應表",conn);

   try
   {
    conn.Open();
  
    try
    {
     da.Fill(ds);
    }
    finally
    {
     conn.Close();
     conn.Dispose();
    }
   }
   catch(Exception)
   {
   }

      
   DataGrid dg=new DataGrid();
   dg.DataSource=ds;
   dg.DataBind();

   //執行個體化一個HtmlTextWriter的類
   System.Text.StringBuilder sb=new System.Text.StringBuilder();
   System.IO.StringWriter sw=new System.IO.StringWriter(sb);
   System.Web.UI.HtmlTextWriter htw=new System.Web.UI.HtmlTextWriter(sw);
 
   //設定DataGrid的樣式

   htw.AddAttribute("BorderWidth","1px",true);
   htw.AddAttribute("BackColor","White",true);
   htw.AddAttribute("CellPadding","4",true);
   htw.AddAttribute("CellSpacing","2",true);
   htw.AddAttribute("ForeColor","#330099",true);

   dg.RenderControl(htw);
   string s=sb.ToString();

   return s;
  }

 }
}

4.建一個default.aspx，在pageload事件裡面註冊

 private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此處放置使用者代碼以初始化頁面
   AjaxPro.Utility.RegisterTypeForAjax(typeof(AJAXDemo.Demo));
  }

5.編default.aspx的頁面代碼，主要部分是指令碼

<script language="javascript" defer>
function doTest(){
AJAXDemo.Demo.GetSqlServerTable(_callback);
}

function _callback(res){
var cols = res.value.Tables[0].Columns.length;
var rows = res.value.Tables[0].Rows.length;
alert(cols + " cols and " + rows + " rows");
}

function loadGrid(){
AJAXDemo.Demo.GetAjaxTable(_callback2);
}

function _callback2(res){
document.getElementById("UCtd").innerHTML=res.value;
}

</script>  

window.setTimeout(XXXXX, 1000);
每1秒重新整理

利用自動無重新整理技術:
function xmlHttp(url){
var xmlccj= new ActiveXObject("Microsoft.XMLHttp")
xmlccj.open("post",url,false);
xmlccj.send();
var xmlHttps=bytes2BSTR(xmlccj.responseBody);
return xmlHttps;
}
使用方法:（參數url：提取資料的頁）
需要兩頁檔案,1、顯示資料的頁;2、提取資料的頁
在顯示資料的那頁利用此函數就可把要提取的資料實現自己無重新整理更新了
不過要處理中文問題，我這裡就不說了，你可以查查相關資料。