如何在按钮点击中调用两种方法

Question

如何在Button.click中调用两个方法。我希望当我单击按钮时，一个方法在代码后面运行，另一个在脚本标记中运行。

Html:

<asp:Button ID="btnUpdate" runat="server" Text="Button" OnClick="btnClick" />

Javascript：

var modal1 = document.getElementById('myModal1');
var modal2 = document.getElementById('myModal2');
var btnUpdate = document.getElementById("btnUpdate")
btnUpdate.onclick = function (e) {
e.preventDefault();
modal1.style.display = "none";
modal2.style.display = "block";
} 

代码背后：

protected void btnClick(object sender, EventArgs e)
{
txtCode.Value = "Foo";
}

现在，script标记中的方法可以工作，但另一个方法不起作用。请帮帮我。顺便说一下，我用的是Asp.Net.

Answer 1

按钮的默认行为是将表单提交到服务器。

当使用e.preventDefault();时，您会阻止表单提交到服务器，这就是为什么客户端代码可以工作而服务器不可以。