HTML按钮单击上的调用服务器端功能

Question

单击时有一个按钮...首先，我的DIV被执行/加载，对我来说很好用。

现在并行，我想向我的帐户发送电子邮件，该如何调用服务器端功能。表示当管理员单击“邮件帐户详细信息”时，我要弹出DIV并调用我的服务器端函数名称“ SendAnEmail”。

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#patPortalCredDiv">Mail Account Detail</button>

这是我的Div代码。

 <div id="patPortalCredDiv" class="modal fade" role="dialog">
 <div class="modal-dialog">
 <!-- Modal content-->
 <div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title" style="color: black;">Mail Credential</h4>
  </div>
  <div class="modal-body">
    <div class="container-fluid">
      <div class="row">
        <div class="form-group">
          <h4 for="UserName">Note:-
           <asp:Label type="text" runat="server" Text="" ID="txtMail"></asp:Label>
          </h4>

        </div>
      </div>
 </div>
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

这是我也要调用的服务器端函数。

protected void SendAndEmail(object sender, EventArgs e)
        {
            ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('Server Side Code Also executed.');", true);

        }

Answer 1

在aspx页面中，为此替换按钮：

<asp:Button Text="Mail Account Detail" OnClick="SendAndEmail" 
    CssClass="btn btn-primary" type="button" runat="server" />

在后面的C＃代码中

protected void SendAndEmail(object sender, EventArgs e)
{
    ClientScript.RegisterStartupScript(this.GetType(), "alert", 
        "$('#patPortalCredDiv').modal('show');", true);

}

这将使用jQuery打开引导程序模式