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

來源:互聯網
上載者:User
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、提取資料的頁
在顯示資料的那頁利用此函數就可把要提取的資料實現自己無重新整理更新了
不過要處理中文問題,我這裡就不說了,你可以查查相關資料。



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.