DIV CSS 佈局教程網

一、 導言

　　我們知道，ASP.Net應用程序事實是在服務器上運行的，用戶的請求要不斷地送往遠程的服務器，服務器執行完本地的程序後把重新裝載頁面再發送客戶端。所以就出現了不斷刷新的問題，頁面不斷閃爍。用戶不厭其煩，運行效率也大大4降低，服務器的負荷加重。事實，客戶端的請求在某一時刻只是通過向 Web 服務器提交新的請求來檢索對用戶輸入所做的響應。這種情況下，開發人員可以使用 Javascript 在客戶端上加載所有響應，從而提供更好的用戶體驗。遺憾的是，在很多情況下，不必將所有響應都返回或加載到 JavaScript 要更好，只返回所要的結果，執行過程仍然在服務器上運行。AJax 提供了一種新的中間選擇，能夠在維持及時響應和靈活性的同時利用基於服務器的應用程序。

　　AJax依靠服務器作為中介來分發和處理請求。為了完成這項工作，.Net封裝類依賴於客戶端的請求對象，而XMLHttpRequest對象被大部分的浏覽器支持，因此使用這個對象是一個不錯的解決方案。

　　因此，為了實現不刷新的頁面，我們的客戶端頁面做成靜態頁面。靜態頁面通過AJax.net調用.Net類的方法。這是一種最簡潔又高效的解決方案。

　　二、 如何應用AJax.Net

　　1.在工程中引入AJax.dll文件。

　　AJax.dll是微軟開發的應用在asp.net上的一個類庫文件。該類庫封裝了XMLHttpRequest請求服務器的實現細節，是AJax知識應用在ASP.net平台上的解決技術。在.Net項目中，添加上對其的引用，然後就可以開始使用AJax.dll封裝進行開發了。

　　2.在web.config中設置HttpHandle

　　為了使其可以工作，第一步必須做的是在web.config中安裝設置封裝包的HttpHandle，不去詳細解釋HttpHandle是如何工作的，我們只需要了解他們可以用來處理ASP.Net請求。例如，所有的目的為*.ASPx的請求可以通過System.Web.UI.PageHandlerFactory類發送到控制句柄，簡單的說，我們把任何向ajax/*.ashx的請求發送到AJax.PageHandlerFactory的請求處理句柄。

　　3.編寫服務端函數

　　現在我們編寫服務器端函數，他們可以被客戶端異步的調用。盡管現在還不能支持全部的返回類型，我們仍堅持服務器端添加功能。在codebehind文件的頁面類裡，添加下面的方法：

[Ajax.AJaxMethod()]
public int ServerSideAdd(int firstNumber, int secondNumber)
{
　return firstNumber + secondNumber;
}

　　注意，這個函數有Ajax.AjaxMethod()定制屬性，屬性服務會告知AJax封裝類為此方法創建一個Javascript代理，這樣才能被客戶端調用。

　　三、 應用實例(點擊下載源碼)

　　我們的應用程序主要是對數據庫的操作，數據庫的數據通過頁面的表格呈現，頁面完成增加、刪除、更新、查詢等功能。更主要的是它是一個通用的並且實現方法極為巧妙的例子。任何頁面沒有刷新現象並且代碼十分精巧。下面的就通過AJax技術實現這些功能。

　　·建立工程HttpForAjax，並在您的工程中引入AJax.dll文件。

　　·在您的Web.config中加上。

＜httpHandlers＞
＜add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, AJax"/＞
＜/httpHandlers＞

　　·建立您的Html頁。

　　1. 向工程裡添加Html頁InfoClass.htm。該頁面完成查詢、常用工具及數據展現等功能。

　　頁面主要放了四個DIV，一個是樹" divTree "。一個是查詢區叫"divFindTable"的，一個是工具欄叫
"divToolbar"的，一個是數據區叫"divDataGrid"的。如下圖:

3. 用Javascript編寫腳本方法，

function Init()
{
　DomTree=new dHtmlXTreeObject(document.getElementById('divTree'),"100%","100%",0);
　DomTree.setImagePath("imgs/");
　DomTree.enableDragAndDrop(true)
　DomTree.setDragHandler(myDragHandler);
　DomTree.setOnClickHandler(SelectTreeNode);
　var s= AJaxData.GetXMLTree().value;

　DomTree.loadXMLString(s);
　DomTree.openItem("R_1");
　SelectTreeNode("R_1");
　divToolbar.innerHtml=AJaxData.GetToolBarTable(TableName).value;
　divDataGrid.innerHTML=GetTableOuterHtml(TableName);
}
　　Init方法通過AJax的GetXMLTree方法得到樹的內容，GetToolBarTable取得工具欄的內容。通過GetTableOuterHtml方法取得物理表tInfoClass的所有數據並通過表格展現出來。

function Find()
{
　var Table=AJaxData.GetXMLFindTable("年級名稱 like '%"+txtName.value +"%'");
　divDataGrid.innerHtml=Table.value;
}
　　查詢方法Find()是通過AJax的GetXMLFindTable方法按年級名稱查詢並把結果展現出來。

function OpenAddWeb()
{
　var RetID =OpenAddWin('InfoClass_edit.ASPx?IsAdd=true',370,300);
　if(RetID==-1) return;
　InsertRow(DataGrid1,RetID);
}
　　OpenAddWeb方法打開InfoClass_edit.ASPx頁在該頁上完成增加數據的功能。如果返回值不為-1則表示有新數據增加的並把數據插入到表格的最後一行。RetID表示最後一行的ID.

function OpenEditWeb(ThisCell)
{
　var ID=ThisCell.previousSibling.previousSibling.innerText;
　var RetID =OpenAddWin("InfoClass_edit.ASPx?ID="+ID+"&IsAdd=false",370,300);
　if(RetID==-1) return;
　//有更新行
　var CurrRow=ThisCell.parentElement
　SetRowText(CurrRow);
　// SetRowText(CurrRow,RetDataRow);
}
　　OpenEditWeb方法是當用戶點擊的單元格後打開InfoClass_edit.ASPx頁在該頁上完成編輯該行數據的功能。如有更新行則把當前行的內容更換..


　　·建立Ajax類。（見文件AjaxData.cs）命名空間為Ttyu，類名為AJaxData。

　　1. 定義靜態變量mDt。mDt是讀取到物理表的數據並保存在內存中的數據表對象。我們的主要操作都是靠它完成。定義為靜態的是我們不希望反復訪問數據庫。我們一次性讀取，永久使用。

static public DataTable mDt;
　　2.定義我們的主要方法。在每個方法的上行加上[Ajax.AJaxMethod()]。

//得到表TableName的所得數據，以XML字符串返回
[Ajax.AJaxMethod()]
public string GetTableOuterHtml(string TableName)
{
　DataTable dt=db.DB.GetDataTable(TableName);
　mDt=dt;
　return db.GetTableOuterHtml(dt.DefaultVIEw);
}
　　GetTableOuterHtml方法是由物理表名讀取到內存中並通過其視圖得到以XML格式的Table。這裡我們讀取後保存在mDt中。用數據表的視圖是我們的查詢也通過該方法呈現數據。

//得到表TableName的所得數據，以XML字符串返回
[Ajax.AJaxMethod()]
public string GetXMLFindTable(string RowFilter)
{
　DataTable Dt=mDt;
　DataView dv=Dt.DefaultVIEw;
　dv.RowFilter=RowFilter;
　return db.GetTableOuterHtml(dv);
}
　　GetXMLFindTable是按查詢條件從mDt中查詢到數據並返回給客戶端。

//刪除行
[Ajax.AJaxMethod()]
public bool DeleteRow(string TableName,int ID)
{
　string SQL = "delete from " + TableName + " where ID=" + ID;
　bool isSuccess= db.DB.ExecuteSQL(SQL);
　if(isSuccess)
　{
　　DataRow dr=mDt.Select("ID="+ID)[0];
　　mDt.Rows.Remove(dr);
　}
　return isSuccess;
}
　　DeleteRow是刪除物理表的一行，並在mDt中也同步地刪除。

//把數據行轉化為數組返回
[Ajax.AJaxMethod()]
public object GetDataRow(int iID)
{
　DataRow dr=mDt.Select("ID="+iID)[0];
　return dr.ItemArray;//數字類型不能為空
}
GetDataRow是從內存表mDt得到ID號為iID的一行，通過數組方式返回給客戶端。
[Ajax.AJaxMethod()]
public string GetToolBarTable(string TableName)
{
　return db.GetToolBarTable(TableName);
}
　　GetToolBarTable是組織成工具欄的內容返回給客戶端。

　　·建立業務數據類ttyuPKData。（見文件ttyuPKData.cs）命名空間為Ttyu，類名為ttyuPKData。

　　該類中有些常用的方法。

　　public bool InsertDataRow(DataRow dr,int BeginColumnIndex)為向物理表中把數據行dr插入，BeginColumnIndex表示從開始的列插入。

　　public bool UpdateDataRow(DataRow dr,int BeginColumnIndex,string Filter) 為向物理表中把數據行dr的數據更新，BeginColumnIndex表示開始更新的列。Filter表示所要更新的行。是一篩選條件。

　　public string GetTableOuterHtml(DataVIEw dv)是個通用的把數據視圖展現為Table的方法。並通過class定義樣式。

//由一個數據視圖得到該表的表頭及所有數據，以XML格式的表字符串返回
public string GetTableOuterHtml(DataVIEw dv)
{
StringBuilder ret = new StringBuilder();
ret.Append("＜table class='DataGrid' id='DataGrid1' cellspacing=1 cellpadding=4＞" );
ret.Append("＜tr class='DataGridHeaderStyle'＞");
ret.Append("＜td width='5'＞ ＜input type='checkbox' ＞＜/td＞ ");
//標題
foreach(System.Data.DataColumn dc in dv.Table.Columns )
{
if(dc.Ordinal==0) //該列隱藏
ret.Append("＜td class='IDColumn'＞"+dc.ColumnName+"＜/td＞");
else
ret.Append("＜td＞"+dc.ColumnName+"＜/td＞");
}
ret.Append("＜/tr＞");
//這時是視圖中篩選後的數據
foreach(DataRowVIEw drv in dv)
{
DataRow dr=drv.Row;//dv.Table.Rows[i];
ret.Append(GetRowOuterHtml(dr));
}
ret.Append("＜/table＞");
return ret.ToString ();
}
　　·建立頁面數據編輯類（見文件PageEdit.cs）命名空間為Ttyu.Web，類名為PageEdit。

　　該類是個通用的通過繼承的技巧實現了所有編輯頁(包括增加、修改數據)功能的統一處理。頁中不需要一行代碼。

　　結論

　　Ajax技術可以給客戶端提供豐富的客戶體驗，而ajax.net為您容易的實現這樣強大的功能提供了可能。靜態頁面是不出現刷新問題的。我們的靜態頁面通過AJax完全可與ASP.net結合起來。通過.Net進行後台的管理。前台通過Javascript調用。這樣完美的結合是解決問題的最佳方法。
3. 用Javascript編寫腳本方法，

function Init()
{
　DomTree=new dHtmlXTreeObject(document.getElementById('divTree'),"100%","100%",0);
　DomTree.setImagePath("imgs/");
　DomTree.enableDragAndDrop(true)
　DomTree.setDragHandler(myDragHandler);
　DomTree.setOnClickHandler(SelectTreeNode);
　var s= AJaxData.GetXMLTree().value;

　DomTree.loadXMLString(s);
　DomTree.openItem("R_1");
　SelectTreeNode("R_1");
　divToolbar.innerHtml=AJaxData.GetToolBarTable(TableName).value;
　divDataGrid.innerHTML=GetTableOuterHtml(TableName);
}
　　Init方法通過AJax的GetXMLTree方法得到樹的內容，GetToolBarTable取得工具欄的內容。通過GetTableOuterHtml方法取得物理表tInfoClass的所有數據並通過表格展現出來。

function Find()
{
　var Table=AJaxData.GetXMLFindTable("年級名稱 like '%"+txtName.value +"%'");
　divDataGrid.innerHtml=Table.value;
}
　　查詢方法Find()是通過AJax的GetXMLFindTable方法按年級名稱查詢並把結果展現出來。

function OpenAddWeb()
{
　var RetID =OpenAddWin('InfoClass_edit.ASPx?IsAdd=true',370,300);
　if(RetID==-1) return;
　InsertRow(DataGrid1,RetID);
}
　　OpenAddWeb方法打開InfoClass_edit.ASPx頁在該頁上完成增加數據的功能。如果返回值不為-1則表示有新數據增加的並把數據插入到表格的最後一行。RetID表示最後一行的ID.

function OpenEditWeb(ThisCell)
{
　var ID=ThisCell.previousSibling.previousSibling.innerText;
　var RetID =OpenAddWin("InfoClass_edit.ASPx?ID="+ID+"&IsAdd=false",370,300);
　if(RetID==-1) return;
　//有更新行
　var CurrRow=ThisCell.parentElement
　SetRowText(CurrRow);
　// SetRowText(CurrRow,RetDataRow);
}
　　OpenEditWeb方法是當用戶點擊的單元格後打開InfoClass_edit.ASPx頁在該頁上完成編輯該行數據的功能。如有更新行則把當前行的內容更換..


　　·建立Ajax類。（見文件AjaxData.cs）命名空間為Ttyu，類名為AJaxData。

　　1. 定義靜態變量mDt。mDt是讀取到物理表的數據並保存在內存中的數據表對象。我們的主要操作都是靠它完成。定義為靜態的是我們不希望反復訪問數據庫。我們一次性讀取，永久使用。

static public DataTable mDt;
　　2.定義我們的主要方法。在每個方法的上行加上[Ajax.AJaxMethod()]。

//得到表TableName的所得數據，以XML字符串返回
[Ajax.AJaxMethod()]
public string GetTableOuterHtml(string TableName)
{
　DataTable dt=db.DB.GetDataTable(TableName);
　mDt=dt;
　return db.GetTableOuterHtml(dt.DefaultVIEw);
}
　　GetTableOuterHtml方法是由物理表名讀取到內存中並通過其視圖得到以XML格式的Table。這裡我們讀取後保存在mDt中。用數據表的視圖是我們的查詢也通過該方法呈現數據。

//得到表TableName的所得數據，以XML字符串返回
[Ajax.AJaxMethod()]
public string GetXMLFindTable(string RowFilter)
{
　DataTable Dt=mDt;
　DataView dv=Dt.DefaultVIEw;
　dv.RowFilter=RowFilter;
　return db.GetTableOuterHtml(dv);
}
　　GetXMLFindTable是按查詢條件從mDt中查詢到數據並返回給客戶端。

//刪除行
[Ajax.AJaxMethod()]
public bool DeleteRow(string TableName,int ID)
{
　string SQL = "delete from " + TableName + " where ID=" + ID;
　bool isSuccess= db.DB.ExecuteSQL(SQL);
　if(isSuccess)
　{
　　DataRow dr=mDt.Select("ID="+ID)[0];
　　mDt.Rows.Remove(dr);
　}
　return isSuccess;
}
　　DeleteRow是刪除物理表的一行，並在mDt中也同步地刪除。

//把數據行轉化為數組返回
[Ajax.AJaxMethod()]
public object GetDataRow(int iID)
{
　DataRow dr=mDt.Select("ID="+iID)[0];
　return dr.ItemArray;//數字類型不能為空
}
GetDataRow是從內存表mDt得到ID號為iID的一行，通過數組方式返回給客戶端。
[Ajax.AJaxMethod()]
public string GetToolBarTable(string TableName)
{
　return db.GetToolBarTable(TableName);
}
　　GetToolBarTable是組織成工具欄的內容返回給客戶端。

　　·建立業務數據類ttyuPKData。（見文件ttyuPKData.cs）命名空間為Ttyu，類名為ttyuPKData。

　　該類中有些常用的方法。

　　public bool InsertDataRow(DataRow dr,int BeginColumnIndex)為向物理表中把數據行dr插入，BeginColumnIndex表示從開始的列插入。

　　public bool UpdateDataRow(DataRow dr,int BeginColumnIndex,string Filter) 為向物理表中把數據行dr的數據更新，BeginColumnIndex表示開始更新的列。Filter表示所要更新的行。是一篩選條件。

　　public string GetTableOuterHtml(DataVIEw dv)是個通用的把數據視圖展現為Table的方法。並通過class定義樣式。

//由一個數據視圖得到該表的表頭及所有數據，以XML格式的表字符串返回
public string GetTableOuterHtml(DataVIEw dv)
{
StringBuilder ret = new StringBuilder();
ret.Append("＜table class='DataGrid' id='DataGrid1' cellspacing=1 cellpadding=4＞" );
ret.Append("＜tr class='DataGridHeaderStyle'＞");
ret.Append("＜td width='5'＞ ＜input type='checkbox' ＞＜/td＞ ");
//標題
foreach(System.Data.DataColumn dc in dv.Table.Columns )
{
if(dc.Ordinal==0) //該列隱藏
ret.Append("＜td class='IDColumn'＞"+dc.ColumnName+"＜/td＞");
else
ret.Append("＜td＞"+dc.ColumnName+"＜/td＞");
}
ret.Append("＜/tr＞");
//這時是視圖中篩選後的數據
foreach(DataRowVIEw drv in dv)
{
DataRow dr=drv.Row;//dv.Table.Rows[i];
ret.Append(GetRowOuterHtml(dr));
}
ret.Append("＜/table＞");
return ret.ToString ();
}
　　·建立頁面數據編輯類（見文件PageEdit.cs）命名空間為Ttyu.Web，類名為PageEdit。

　　該類是個通用的通過繼承的技巧實現了所有編輯頁(包括增加、修改數據)功能的統一處理。頁中不需要一行代碼。

　　結論

　　Ajax技術可以給客戶端提供豐富的客戶體驗，而ajax.net為您容易的實現這樣強大的功能提供了可能。靜態頁面是不出現刷新問題的。我們的靜態頁面通過AJax完全可與ASP.net結合起來。通過.Net進行後台的管理。前台通過Javascript調用。這樣完美的結合是解決問題的最佳方法。
3. 用Javascript編寫腳本方法，

function Init()
{
　DomTree=new dHtmlXTreeObject(document.getElementById('divTree'),"100%","100%",0);
　DomTree.setImagePath("imgs/");
　DomTree.enableDragAndDrop(true)
　DomTree.setDragHandler(myDragHandler);
　DomTree.setOnClickHandler(SelectTreeNode);
　var s= AJaxData.GetXMLTree().value;

　DomTree.loadXMLString(s);
　DomTree.openItem("R_1");
　SelectTreeNode("R_1");
　divToolbar.innerHtml=AJaxData.GetToolBarTable(TableName).value;
　divDataGrid.innerHTML=GetTableOuterHtml(TableName);
}
　　Init方法通過AJax的GetXMLTree方法得到樹的內容，GetToolBarTable取得工具欄的內容。通過GetTableOuterHtml方法取得物理表tInfoClass的所有數據並通過表格展現出來。

function Find()
{
　var Table=AJaxData.GetXMLFindTable("年級名稱 like '%"+txtName.value +"%'");
　divDataGrid.innerHtml=Table.value;
}
　　查詢方法Find()是通過AJax的GetXMLFindTable方法按年級名稱查詢並把結果展現出來。

function OpenAddWeb()
{
　var RetID =OpenAddWin('InfoClass_edit.ASPx?IsAdd=true',370,300);
　if(RetID==-1) return;
　InsertRow(DataGrid1,RetID);
}
　　OpenAddWeb方法打開InfoClass_edit.ASPx頁在該頁上完成增加數據的功能。如果返回值不為-1則表示有新數據增加的並把數據插入到表格的最後一行。RetID表示最後一行的ID.

function OpenEditWeb(ThisCell)
{
　var ID=ThisCell.previousSibling.previousSibling.innerText;
　var RetID =OpenAddWin("InfoClass_edit.ASPx?ID="+ID+"&IsAdd=false",370,300);
　if(RetID==-1) return;
　//有更新行
　var CurrRow=ThisCell.parentElement
　SetRowText(CurrRow);
　// SetRowText(CurrRow,RetDataRow);
}
　　OpenEditWeb方法是當用戶點擊的單元格後打開InfoClass_edit.ASPx頁在該頁上完成編輯該行數據的功能。如有更新行則把當前行的內容更換..


　　·建立Ajax類。（見文件AjaxData.cs）命名空間為Ttyu，類名為AJaxData。

　　1. 定義靜態變量mDt。mDt是讀取到物理表的數據並保存在內存中的數據表對象。我們的主要操作都是靠它完成。定義為靜態的是我們不希望反復訪問數據庫。我們一次性讀取，永久使用。

static public DataTable mDt;
　　2.定義我們的主要方法。在每個方法的上行加上[Ajax.AJaxMethod()]。

//得到表TableName的所得數據，以XML字符串返回
[Ajax.AJaxMethod()]
public string GetTableOuterHtml(string TableName)
{
　DataTable dt=db.DB.GetDataTable(TableName);
　mDt=dt;
　return db.GetTableOuterHtml(dt.DefaultVIEw);
}
　　GetTableOuterHtml方法是由物理表名讀取到內存中並通過其視圖得到以XML格式的Table。這裡我們讀取後保存在mDt中。用數據表的視圖是我們的查詢也通過該方法呈現數據。

//得到表TableName的所得數據，以XML字符串返回
[Ajax.AJaxMethod()]
public string GetXMLFindTable(string RowFilter)
{
　DataTable Dt=mDt;
　DataView dv=Dt.DefaultVIEw;
　dv.RowFilter=RowFilter;
　return db.GetTableOuterHtml(dv);
}
　　GetXMLFindTable是按查詢條件從mDt中查詢到數據並返回給客戶端。

//刪除行
[Ajax.AJaxMethod()]
public bool DeleteRow(string TableName,int ID)
{
　string SQL = "delete from " + TableName + " where ID=" + ID;
　bool isSuccess= db.DB.ExecuteSQL(SQL);
　if(isSuccess)
　{
　　DataRow dr=mDt.Select("ID="+ID)[0];
　　mDt.Rows.Remove(dr);
　}
　return isSuccess;
}
　　DeleteRow是刪除物理表的一行，並在mDt中也同步地刪除。

//把數據行轉化為數組返回
[Ajax.AJaxMethod()]
public object GetDataRow(int iID)
{
　DataRow dr=mDt.Select("ID="+iID)[0];
　return dr.ItemArray;//數字類型不能為空
}
GetDataRow是從內存表mDt得到ID號為iID的一行，通過數組方式返回給客戶端。
[Ajax.AJaxMethod()]
public string GetToolBarTable(string TableName)
{
　return db.GetToolBarTable(TableName);
}
　　GetToolBarTable是組織成工具欄的內容返回給客戶端。

　　·建立業務數據類ttyuPKData。（見文件ttyuPKData.cs）命名空間為Ttyu，類名為ttyuPKData。

　　該類中有些常用的方法。

　　public bool InsertDataRow(DataRow dr,int BeginColumnIndex)為向物理表中把數據行dr插入，BeginColumnIndex表示從開始的列插入。

　　public bool UpdateDataRow(DataRow dr,int BeginColumnIndex,string Filter) 為向物理表中把數據行dr的數據更新，BeginColumnIndex表示開始更新的列。Filter表示所要更新的行。是一篩選條件。

　　public string GetTableOuterHtml(DataVIEw dv)是個通用的把數據視圖展現為Table的方法。並通過class定義樣式。

//由一個數據視圖得到該表的表頭及所有數據，以XML格式的表字符串返回
public string GetTableOuterHtml(DataVIEw dv)
{
StringBuilder ret = new StringBuilder();
ret.Append("＜table class='DataGrid' id='DataGrid1' cellspacing=1 cellpadding=4＞" );
ret.Append("＜tr class='DataGridHeaderStyle'＞");
ret.Append("＜td width='5'＞ ＜input type='checkbox' ＞＜/td＞ ");
//標題
foreach(System.Data.DataColumn dc in dv.Table.Columns )
{
if(dc.Ordinal==0) //該列隱藏
ret.Append("＜td class='IDColumn'＞"+dc.ColumnName+"＜/td＞");
else
ret.Append("＜td＞"+dc.ColumnName+"＜/td＞");
}
ret.Append("＜/tr＞");
//這時是視圖中篩選後的數據
foreach(DataRowVIEw drv in dv)
{
DataRow dr=drv.Row;//dv.Table.Rows[i];
ret.Append(GetRowOuterHtml(dr));
}
ret.Append("＜/table＞");
return ret.ToString ();
}
　　·建立頁面數據編輯類（見文件PageEdit.cs）命名空間為Ttyu.Web，類名為PageEdit。

　　該類是個通用的通過繼承的技巧實現了所有編輯頁(包括增加、修改數據)功能的統一處理。頁中不需要一行代碼。

　　結論

　　Ajax技術可以給客戶端提供豐富的客戶體驗，而ajax.net為您容易的實現這樣強大的功能提供了可能。靜態頁面是不出現刷新問題的。我們的靜態頁面通過AJax完全可與ASP.net結合起來。通過.Net進行後台的管理。前台通過Javascript調用。這樣完美的結合是解決問題的最佳方法。