如何在锚标记点击事件中调用c#函数

时间:2015-08-25 15:01:57

标签: javascript c# jquery

如何使用HTML锚标记调用服务器端功能。

这里我展示了一些代码示例。

HTML

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server"> 
         <title>Update</title> 
    </head> 
<body> 
<form id="form1" runat="server"> 
    <div> 
        <a href="" onclick="btnSubmit_Click()">Update</a> 
    </div>  
</form> 
</body> 
</html>

C#

protected void btnSubmit_Click(object sender, EventArgs e) 
{ 
   //Update User Details
} 

2 个答案:

答案 0 :(得分:3)

试试这样, 创建一个提交按钮并隐藏

<强> HTML

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Update</title> 
    <script language="javascript" type="text/javascript"> 
        function fireServerButtonEvent(){ 
            document.getElementById("btnSubmit").click(); 
        } 
    </script> 
</head> 
<body> 
<form id="form1" runat="server"> 
    <div> 
        <asp:button id="btnSubmit" runat="server" text="Submit" xmlns:asp="#unknown">
            onclick="btnSubmit_Click" style="display:none" /></asp:button>
        <a href="" onclick="fireServerButtonEvent()">Update</a> 
    </div> 
</form> 
</body> 
</html>

答案 1 :(得分:0)

您可以将runat="server"OnServerClick="btnSubmit_Click"添加到您的锚标记中,如下所示:

<a href="" runat="server" OnServerClick="btnSubmit_Click"> Update </a>

或者您可以使用asp:LinkButton。这有一个OnClick属性,可以调用代码中的方法:

<asp:LinkButton ID="LinkButton1" runat="server" 
      OnClick="LinkButton1_OnClick">Update</asp:LinkButton>

protected void LinkButton1_OnClick(object sender, EventArgs e)
{
    //Update User Details
}