在没有ajax的情况下使用javascript调用c#代码
本文关键字:javascript 调用 代码 情况下 ajax | 更新日期: 2023-09-27 17:49:49
我有两个按钮在我的asp.net文件
<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
}
}
所以这是我希望做的:
- 客户端点击第一个按钮(触发JS) => Works
- R是true => Works
- JS部分触发Onclick的UploadButton =>不工作
我不明白为什么这个方法不起作用,因为它似乎是大多数其他答案采取StackOverflow的一般方法?
更新:
好的,我已经尝试了下面提出的所有解决方案,现在我有奇怪的问题:
当我点击客户端按钮时,以下3件事中的1随机发生(路由跟随调试器)
1:按钮点击做一个空白回发(IsPostBack == true)event OnClick="BTN_Send_LA_Click"未触发
2:按钮点击做一个空白回发(IsPostBack == false)event 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;
}
除了:
- 您的
if
语句需要一个关闭的}
。 -
ConfirmSendData()
需要return false
来阻止第一个按钮提交。
。
function ConfirmSendData() {
var r = confirm("Êtes vous bien...");
if (r == true) {
var clickButton = document.getElementById("<%= UploadButton.ClientID %>");
clickButton.click();
}
return false;
}
您已经注释掉了以下内容,我认为这意味着您已经尝试过了,但是它不起作用…
//$('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'");
您应该使用$("#<%=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
阻止提交数据的第一个按钮
试试这个:
__doPostBack('<%= UploadButton.UniqueID %>', '');