Javascript 在一个按钮ASP.NET中启动两个操作

Javascript 在一个按钮ASP.NET中启动两个操作,javascript,asp.net,ajax,vb.net,Javascript,Asp.net,Ajax,Vb.net,我正在asp.net中开发一个评论页面,这是我的页面: <form action="#"> <p><textarea id="textArea" rows="5" cols="30"></textarea></p> <input type="submit" value="Submit" /> </form> <p>Add some comments to the page</p> 在那之

我正在
asp.net
中开发一个评论页面,这是我的页面:

<form action="#">
<p><textarea id="textArea" rows="5" cols="30"></textarea></p>
<input type="submit" value="Submit" />
</form>
<p>Add some comments to the page</p>
在那之前,一切都很好,但我希望当用户单击
submit
按钮时,该按钮将触发另一个将注释保存到数据库中的操作


我怎样才能做到这一点呢?

为什么你没有一个包装器,并且仍然让它成为一个函数呢

addNode
可以有代码同时执行这两项任务,可能是基于表单中的某些内容

您可以使用一个提交函数来包装
addNode
addComment

例如:

编辑:由于要调用服务器代码,您有两个选项。您可以通过ajax完成这一切,只需实现
addComment
函数来调用服务器端事件。如果需要帮助,请参阅本文:

最简单的方法是将按钮更改为ASP.NET按钮,然后实现按钮单击事件,该事件将调用服务器端方法,尽管这会导致整个页面刷新

这两种方法的一种很容易实现的混合方法是使用
UpdatePanel
。当您单击按钮时,您将获得AJAX解决方案的外观,但只需要知道如何执行所有服务器端代码,并让
UpdatePanel
处理所有AJAX工作。这种方法比仅仅执行一个原始的ajax调用要重一些,但要简单得多


您可以阅读
UpdatePanels
上的内容:

为什么您没有一个包装器,并且仍然让它成为一个函数

addNode
可以有代码同时执行这两项任务,可能是基于表单中的某些内容

您可以使用一个提交函数来包装
addNode
addComment

例如:

编辑:由于要调用服务器代码,您有两个选项。您可以通过ajax完成这一切,只需实现
addComment
函数来调用服务器端事件。如果需要帮助,请参阅本文:

最简单的方法是将按钮更改为ASP.NET按钮,然后实现按钮单击事件,该事件将调用服务器端方法,尽管这会导致整个页面刷新

这两种方法的一种很容易实现的混合方法是使用
UpdatePanel
。当您单击按钮时,您将获得AJAX解决方案的外观,但只需要知道如何执行所有服务器端代码,并让
UpdatePanel
处理所有AJAX工作。这种方法比仅仅执行一个原始的ajax调用要重一些,但要简单得多


您可以在以下位置阅读
UpdatePanels

而不是使用HTML输入标记,使用asp:按钮,如下所示:

<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" />

不要使用HTML输入标记,而是使用asp:Button,如下所示:

<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" />

我刚刚在互联网上找到了这段代码,但我认为这段javascript代码无法访问页面中的其他控件,如标签或其他内容,并且无法连接到数据库!!!我刚刚在互联网上找到了这段代码,但我认为这段javascript代码无法访问页面中的其他控件,如标签或其他内容,并且无法连接到数据库!!!作为一般提示,如果您想在C#中与服务器上的控件交互(而不是在javascript中的客户端上),使用asp.NET控件(例如asp:TextBox和asp:Button)而不是HTML控件可能会有所帮助。通过这种方式,您可以通过id引用控件(例如This.textArea和This.btnSubmit),并获得其他好处。作为一般提示,如果您希望在C#中与服务器上的控件交互(而不是在javascript中的客户端上),使用asp.NET控件(例如asp:TextBox和asp:Button)而不是HTML控件可能会有所帮助。通过这种方式,您可以通过id引用控件(例如,This.textArea和This.btnSubmit),并获得其他好处。在每次单击时,使用调用“btnSubmit_Click”方法的按钮!!!怎么做?@AZIRAR:只有你的服务器才能与数据库通话,而不是你的客户端浏览器。客户端浏览器将数据发送到服务器,服务器将数据保存到数据库中。每次单击数据时,请使用调用“btnSubmit_Click”方法的按钮!!!怎么做?@AZIRAR:只有你的服务器才能与数据库通话,而不是你的客户端浏览器。客户端浏览器将数据发送到服务器,服务器将数据保存到数据库中。
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" />
protected void btnSubmit_Click(object sender, System.EventArgs e) {
    // interact with database here.
}