从javascript onclick事件按钮调用c#函数 [英] call c# function from javascript onclick event button

问题描述

如何使用这样的东西:

<script>
 google.maps.event.addListener(marker, "click", function (e) {
     var infoWindow = new google.maps.InfoWindow({
content: 
'<div><input type="text" id="txt_newpl" value="place name"/>' +
'</br> <input type="button" id="btn_newpl" value="submit" onclick="btn_newpl_Click" /></div>'
         });</script>

和C#代码是这样的

    protected void btn_newpl_Click(object sender, EventArgs e)
{...}

如何从javascript事件单击中调用此c#函数

how can call this c# function from javascript event click

推荐答案

要触发按钮事件，您必须在javascript中添加以下代码行.

To trigger button event, you have to add this line of code in javascript.

document.getElementById("btn_newpl").click();

您的按钮必须具有 runat ="server" 和 OnServerClick ="btn_newpl_Click" 属性.

Your button must have runat="server" and OnServerClick="btn_newpl_Click" attributes.

如果您的问题是 input 元素位于 javascript字符串中，则您可以

If your problem is that the input element is in javascript string, than you can extract the string value of input and concatenate to your string on client side.

<input type="button" id="btn_newpl" value="submit" 
       OnServerClick="btn_newpl_Click"
       runat="server" />

<script>
var tmp = document.createElement("div");
tmp.appendChild(document.getElementById('btn_newpl'));

google.maps.event.addListener(marker, "click", function (e) {
    var infoWindow = new google.maps.InfoWindow({
       content: 
       '<div><input type="text" id="txt_newpl" value="place name"/>' +
       '</br>'+tmp.innerHTML+'</div>'
    })
});
</script>

请注意，您不实际上调用C#函数，只是触发了Webforms上的click事件和回传到服务器将会完成.服务器将找出触发了哪个事件并执行C#函数.

Please note that you don't actually call a C# function, you just trigger the click event on webforms and a postback to sever will be done. The server will figure out which event has been triggered and will execute the C# function.

来源:如何调用代码使用javascript的按钮背后点击事件

这篇关于从javascript onclick事件按钮调用c#函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！