如何在后端运行javascript？

Question

我想运行这个确认脚本，但它不适用于 HTML 和 asp.net 按钮。它仅显示“您单击了取消”。有人可以帮我吗？这是我的代码。

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
         <button id="btnperfdel" runat=server type="button" class="btn btn-outline-secondary" onclientclick="confirm()"><i class="mdi mdi-delete">Delete</i> </button>                                   
         <asp:Button ID="Button1" runat="server" Text="Button" onclientclick="confirm()"/>                    
       </div>

<script type = "text/javascript">
    function confirm() {
        var confirm_value = document.createElement("INPUT");
        confirm_value.type = "hidden";
        confirm_value.name = "confirm_value";
        if (confirm("Confirm Delete?")) {
            confirm_value.value = "Yes";
        } else {
            confirm_value.value = "No";
        }
        document.forms[0].appendChild(confirm_value);
    }
    </script>

Here's my backend 

Protected Sub btnperfdel_Click(ByVal sender As Object, ByVal e As System.EventArgs) 处理 btnperfdel.ServerClick

    Dim confirmValue As String = ""

    confirmValue = Request.Form("confirm_value")

    If confirmValue = "Yes" Then

        Label1.Visible = False

    Else
        ClientScript.RegisterStartupScript(Me.GetType(), "alert", "alert('You clicked Cancel')", True)
    End If

End Sub

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Dim confirmValue As String = ""
    confirmValue = Request.Form("confirm_value")

    If confirmValue = "Yes" Then

        Label1.Visible = False

    Else
        ClientScript.RegisterStartupScript(Me.GetType(), "alert", "alert('You clicked Cancel')", True)
    End If
End Sub    

Answer 1

你使用与内置js函数名称相同的函数名称确认？

这是一个“非常”的坏主意。

尝试为您的 js 函数名称指定一个与内置函数不同的名称。

这样说：

     <asp:Button ID="Button1" runat="server" Text="Button" onclientclick="myconfirm()"/>                    

    <script type = "text/javascript">
        function myconfirm() {
            var confirm_value = document.createElement("INPUT");
            confirm_value.type = "hidden";
            confirm_value.name = "confirm_value";
            if (confirm("Confirm Delete?")) {
                confirm_value.value = "Yes";
            } else {
                confirm_value.value = "No";
            }
            document.forms[0].appendChild(confirm_value);
        }
    </script>

所以，对于函数名称来说，这看起来是一个非常糟糕的名称。

另外，请注意，您可以“返回”真/假到按钮单击。我认为在 99% 的情况下，用户单击取消，然后您不希望代码运行，并且不需要进一步的操作。所以你实际上可以这样做：

     <asp:Button ID="Button1" runat="server" Text="Button" onclientclick="return myconfirm2()"/>                    

    <script type = "text/javascript">
        function myconfirm2() {

            return confirm("Confirm Delete?");
        }

如果您执行上述操作，则如果用户单击取消，则按钮单击不会运行。

事实上，您甚至可以转储所有代码，然后这样做：

     <asp:Button ID="Button1" runat="server" Text="Button" 
     onclientclick="return confirm('confirm delete');"/>  

因此，如果您为客户端单击事件返回 true 或 false，则服务器端代码按钮将不会运行。在 10 种情况下的 9 种情况下，您不需要知道用户是否点击取消，但只要我们不运行按钮代码服务器端即可。

不管怎样，更改你的确认名称，因为这是一个内置的 js 函数名称，使用相同的名称非常混乱。

编辑：======================================== =============

我建议你尝试/使用这个：

     <asp:Button ID="Button1" runat="server" Text="Button" onclientclick="myconfirm()"/>                    
     <asp:HiddenField ID="myanswer" runat="server" ClientIDMode="Static" />

    <script type = "text/javascript">
        function myconfirm() {

            var myanswer = document.getElementById("myanswer")

            if (confirm("Confirm Delete?")) {
                myanswer.value = "Yes"
            }
            else {
                myanswer.value = "No"
            }
        }

    </script>

后面的代码是：

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

    If myanswer.Value = "Yes" Then
        ' do whatever here for yes
        Debug.Print("yes")
    Else
        ' do whtever here for no
        Debug.Print("no")
    End If

End Sub