使用没有ajax的javascript调用方法后面的C#代码

Question

我的 asp.net 文件中有 2 个按钮

<asp:Button ID="BTN_Send_LA" runat="server" Text="Save" OnClientClick="ConfirmSendData()"></asp:Button>
//The button the client will click

<asp:Button ID="UploadButton" runat="server" Text="" OnClick="BTN_Send_LA_Click"/>
//Dummy Button for the JS .click()

这是我的 Js 部分：

function ConfirmSendData() {
    var r = confirm("Êtes vous bien: " + document.getElementById("<%=DDL_LaveurLA.ClientID%>").options[document.getElementById("<%=DDL_LaveurLA.ClientID%>").selectedIndex].text + " sinon veuillez changer dans le champ spécifié 'Laveur'");

    if (r == true) {

        var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
        clickButton.click();

        //$('UploadButton').trigger('click'); TEST 1
        //__doPostBack not working aswell

    }
}

所以这里是我期望做的：

1. 客户端点击第一个按钮（触发JS）=> Works
2. R 为真 => 有效
3. JS部分触发UploadButton的Onclick => Don't Work

我不明白为什么这种方法不起作用，因为它似乎是大多数其他答案在 StackOverflow 上采用的一般方法？

更新：

好的，我已经尝试了下面提出的所有解决方案，现在我遇到了奇怪的问题：

当我点击客户端按钮时，以下 3 件事中的 1 件随机发生（路由跟随调试器）

1：按钮单击执行空白回发（IsPostBack == true） 事件 OnClick="BTN_Send_LA_Click" 未触发

2：按钮单击执行空白回发（IsPostBack == false） 事件 OnClick="BTN_Send_LA_Click" 未触发

3：按钮正确触发虚拟按钮的 OnClick="BTN_Send_LA_Click" 事件。

我不明白为什么。当我直接点击虚拟按钮时，一切正常

每次我执行 CTRL+F5 时，我第一次单击客户端按钮时都会 100% 工作（触发事件）

其他：在我的事件 BTN_Send_LA_Click() 中，我更改了多个控件的背景颜色（浅绿色）

1：如果我点击虚拟按钮 => 控件的背景颜色会改变

2：如果我点击客户端按钮，即使 BTN_Send_LA_Click() 被触发，背景颜色也不会改变。

为什么？我完全迷失了这个

更新代码：

        function ConfirmSendData()
     {
            /*
            var dd = document.getElementById("<%=DDL_LaveurLA.ClientID%>");
            var txt = dd.options[dd.selectedIndex].text;
            var r = confirm("Êtes vous bien: " + txt + " sinon veuillez changer dans le champ spécifié 'Laveur'"); */

            var r = confirm("Êtes vous bien: " + document.getElementById("<%=DDL_LaveurLA.ClientID%>").options[document.getElementById("<%=DDL_LaveurLA.ClientID%>").selectedIndex].text + " sinon veuillez changer dans le champ spécifié 'Laveur'");

            if (r == true) {
                //$("#<%=UploadButton.ClientID%>").click();

                var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
                clickButton.click();

            }
            return false;  
    }

Answer 1

除了：

1. 您需要在您的 if 声明中结束 }。
2. ConfirmSendData() 需要return false 防止第一个按钮提交。

即

function ConfirmSendData() {
    var r = confirm("Êtes vous bien...");
    if (r == true) {
        var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
        clickButton.click();
    }
    return false;
}

Answer 2

您已将以下内容注释掉，我想这意味着您已经尝试过但没有成功...

//$('UploadButton').trigger('click'); TEST 1

jQuery 需要在元素 ID 前加上 # 字符才能找到它，所以试试这个吧……

$("#<%=UploadButton.ClientID%>").click();

我还将通过仅找到一次下拉元素将函数的第一部分稍微更新为更易读（和高效）的版本...

var dd = document.getElementById("<%=DDL_LaveurLA.ClientID%>");
var txt = dd.options[dd.selectedIndex].text;
var r = confirm("Êtes vous bien: " + txt + " sinon veuillez changer dans le champ spécifié 'Laveur'");

Answer 3

您应该使用$("#<%=UploadButton.ClientID%>") 而不是$('UploadButton')，因为asp:Button 元素生成的不是只有id UploadButton 的元素

function ConfirmSendData() {
    var r = confirm("Êtes vous bien: " + document.getElementById("<%=DDL_LaveurLA.ClientID%>").options[document.getElementById("<%=DDL_LaveurLA.ClientID%>").selectedIndex].text + " sinon veuillez changer dans le champ spécifié 'Laveur'");

    if (r == true) {

        var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
        clickButton.click();

        // alternative variant for jquery
        // $("#<%=UploadButton.ClientID%>").click();
    }

}

另外一个功能 ConfirmSendData 需要 return false 以防止通过第一个按钮提交数据

Answer 4

试试这个：

__doPostBack('<%= UploadButton.UniqueID %>', '');