OnClick運行SQL代碼輸出到特定的DIV

Question

基本上，當用戶點擊一個按鈕我有一個JavaScript代碼運行，顯示隱藏的DIV，我的問題是如何做到這一點，當用戶點擊它執行SQL代碼（這是已經寫入選擇數據），然後它顯示它在我想要的DIV。唯一的方法是爲DIV添加一個標籤，然後使用LabelName.Text來填充它，或者這可以通過其他方式完成嗎？我正在使用Visual Studio 2008和c＃編碼。

Answer 1

首先，你必須決定是否要填充使用ASP.NET的背後設計規範使用JavaScript（和AJAX）的內容，或通過回發到服務器。

回傳比較容易（但根據連接速度不盡相同）。爲此，您需要爲按鈕單擊事件創建事件處理程序，然後更改C＃中頁面的內容。有很多這樣的例子，A​​SP.NET上的任何書籍都會描述它。搜索「通過點擊C＃改變頁面內容」，或類似的東西。 （編輯：或者看看@ Nikhil的回答 - 他給出了一個如何做到的好骨架。）

AJAX比較難。在這裏，您需要定義一個API Web服務以返回您想要的數據，然後使用JavaScript編寫代碼以調用服務並呈現結果。有許多JavaScript庫可以使這更容易 - jQuery非常容易訪問，甚至在他們的文檔頁面上也會有這個功能的實例。

Answer 2

您可以使用更新面板輕鬆實現此目的。

<asp:UpdatePanel id="testPanel" runat="server" UpdateMode="Conditional" UseChildrenAsTriggers="false"> 
<Triggers> 
<AsynchPostBackTrigger ControlId="btnExecute"/> 
</Triggers> 

<ContentTemplate> 
<div id="divout" runat="server" visible="false"/> 
<asp:Button id="btnExecute" runat="server" onclick="btnExecute_Click"/> 
</ContentTemplate> 
</asp:UpdatePanel> 

//Then in your codebehind 
protected void btnExecute_Click(object sender, EventArgs e){ 
//do SQL Processign here 
divout.InnerHtml = "desired text"; 
divout.Visible=true; 
}