如何在asp.net中按钮点击事件调用之前和之后调用javascript函数

Question

我在ASP.NET中创建了“ButtonClick”功能，如下所示：

<asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="button" CausesValidation="true" onclick="btnLogin_Click"/>

我想知道，是否可以在调用asp.net按钮单击功能之前和之后调用javascript函数... ???

谢谢。

Answer 1

是的，这是可能的，这是一个快速示例：要调用的Java脚本函数。

<script type="text/javascript">
    function clientValidate() {
        alert("execute before");
        return true;
    }

    function executeAfter() {
        alert("execute after");
    }
</script>

这是按钮的snapshoot

<asp:Button ID="btnLogin" runat="server" Text="Login" CausesValidation="true" OnClientClick="clientValidate()" onclick="btnLogin_Click"/>

注意属性onClientClick =“clientValidate（）”，它将在按钮单击服务器之前触发脚本。

在服务器端：

protected void btnLogin_Click(object sender, EventArgs e)
        {
        ScriptManager.RegisterClientScriptBlock(this, GetType(), "none", "<script>executeAfter();</script>", false);
        }

注意executeAfter（）;,它会在服务器事件后触发javascript执行。

不要忘记在aspx文件中放置<asp:ScriptManager runat="server"></asp:ScriptManager> 。

希望它有所帮助

Answer 2

把它放在你的页面上，确保你有一个脚本管理器。 这些代码将处理您的前后回发。

var prm, postBackElement;
if (typeof Sys != "undefined") {
    prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_initializeRequest(InitializeRequest);
    prm.add_endRequest(EndRequest);
}

function InitializeRequest(sender, e) {
    postBackElement = e.get_postBackElement();
    if (postBackElement.id == "btnLogin") {
        // before click codes
    }
}
function EndRequest(sender, e) {
    if (postBackElement.id == "btnLogin") {
        // after click codes
    }
}

Answer 3

您可以在使用OnClientClick()进行服务器端单击之前调用Java脚本函数：

ASPX（设计）

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function Test() {
            alert('client click');
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button Text="btn" runat="server" ID="btn" 
                        OnClick="btn_Click" OnClientClick="Test()" />
    </div>
    </form>
</body>
</html>

的.cs

 protected void btn_Click(object sender, EventArgs e)
 {
    Response.Write("Server Click");
 }

Answer 4

之前：

<script type="text/javascript">
    function executeBefore() {
        alert("execute before");   
    }
</script>

<asp:Button ID="btnLogin" runat="server" Text="Login" CausesValidation="true" OnClientClick="executeBefore()" onclick="btnLogin_Click"/>

后：

<script type="text/javascript">
    function executeAfter() {
        alert("execute after ");    
    }
</script>

将此代码添加到服务器端事件：

Page.ClientScript.RegisterStartupScript(GetType(), "none", "<script>executeAfter();</script>", false);

如果您没有母版页，或者没有使用ajax，则无需添加ScriptManager。

Answer 5

第一次在Button的OnClientClick事件中调用你的javascript函数传递你的函数名。

<asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="button" CausesValidation="true" onclick="btnLogin_Click" OnClientClick="return functionNAME();"/>

第二次，在你的按钮点击事件btnLogin_Click调用js如下

ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "script", "<script type='text/javascript'>functionNA();</script>", false);

Answer 6

为了以前调用它，您可以考虑使用onload函数，如下例所示：

<body onload="myFunction()">

为了之后调用它，只需链接按钮来执行JS onClick？

我不认为我完全理解你的意图。

如何在asp.net中按钮点击事件调用之前和之后调用javascript函数

问题描述

6 个解决方案

解决方案1
13 2014-01-20 06:56:20

解决方案2
4 2014-01-20 07:36:49

解决方案3
2 2014-01-20 06:51:55

解决方案4
2 2016-03-14 18:04:14

解决方案5
1 2014-01-20 06:34:32

解决方案6
0 2014-01-20 06:33:47

如何在asp.net中按钮点击事件调用之前和之后调用javascript函数

问题描述

6 个解决方案

解决方案1 13 2014-01-20 06:56:20

解决方案2 4 2014-01-20 07:36:49

解决方案3 2 2014-01-20 06:51:55

解决方案4 2 2016-03-14 18:04:14

解决方案5 1 2014-01-20 06:34:32

解决方案6 0 2014-01-20 06:33:47

解决方案1
13 2014-01-20 06:56:20

解决方案2
4 2014-01-20 07:36:49

解决方案3
2 2014-01-20 06:51:55

解决方案4
2 2016-03-14 18:04:14

解决方案5
1 2014-01-20 06:34:32

解决方案6
0 2014-01-20 06:33:47