OnClick将SQL代码输出运行到特定DIV

时间:2011-03-09 13:52:22

标签: c# asp.net ajax onclick

基本上当用户点击一个按钮时,我有一个运行的javascript代码显示隐藏的DIV,我的问题是如何在用户点击它时执行SQL代码(已编写为选择数据) )然后它显示在我想要的DIV中。这样做的唯一方法是向DIV添加标签,然后使用LabelName.Text来填充它,还是可以通过其他方式完成?我正在使用Visual Studio 2008并在c#中编码

2 个答案:

答案 0 :(得分:0)

您可以使用更新面板轻松实现此目的。

<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;
}

答案 1 :(得分:0)

首先,您必须决定是使用JavaScript(和AJAX)填充内容,还是使用ASP.NET设计代码回发到服务器。

回发更容易(但根据连接速度,用户体验不太好。)为此,您需要为按钮单击事件创建事件处理程序,然后在C#中更改页面内容。有很多这方面的例子,任何关于ASP.NET的书都会描述它。搜索“通过按钮单击C#更改页面内容”或类似内容。 (编辑:或者看看@Nikhil的回答 - 他给出了一个如何做的好骨架。)

AJAX更难。在这里,您需要定义API Web服务以返回所需的数据,然后在JavaScript中编码以调用服务并呈现结果。有许多JavaScript库可以使这更容易 - jQuery非常容易访问,甚至可以在他们的文档页面上有这个功能的工作示例。