使用 Ajax 调用代码隐藏函数？答案

【问题标题】：Using Ajax to call code-behind function?使用 Ajax 调用代码隐藏函数？
【发布时间】：2010-08-13 14:51:05
【问题描述】：

我有一个在网页上显示选项的 java 脚本函数和一个在数据库中存储首选项的 C# 函数。我需要某种方式让所述 java 脚本也执行我的 C# 函数。我认为 AJAX 可以做到这一点，但我不完全确定（我以前从未使用过 AJAX）。我已经阅读了一些教程 (w3schools)，但是它们都没有使用 C# 代码隐藏文件。阅读 SO，我找到了this，但我也无法让它工作。如果我正在做的事情是可能的，有人可以帮助我完成它，或者指出我正确的方向吗？

【问题讨论】：

标签： c# asp.net ajax code-behind

【解决方案1】：

您也许可以使用Microsoft AJAX / UpdatePanel，但我没有使用过它，而且我看到的任何实现都在以后遇到问题。

否则看看Jquery AJAX。这可以帮助进行您感兴趣的单个 AJAX 调用。然后，创建一个您可以直接从 AJAX 调用并抽象出相关代码的 Web 服务方法可能会更快/更容易，因此可以在您的两者中使用服务器端 ASPX 代码和您的客户端 JS 代码。

【讨论】：

【解决方案2】：

要详细说明 UpdatePanel 方法，您可以执行以下操作：
1. 将 UpdatePanel 添加到您的页面。
2. 在 UpdatePanel 中，添加一个 Button。将其设置为不可见。将 OnClick 处理程序添加到调用 C# 代码的按钮。
3.在你的JavaScript中，添加代码来点击隐藏按钮

<asp:UpdatePanel ID="MyUpdatePanel" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Button ID="HiddenButton" runat="server" Text="" OnClick="HiddenButton_Click" Style="display: none;" UseSubmitBehavior="False" />
     </ContentTemplate>
</asp:UpdatePanel>

function MyJavaScript() {
    var hiddenButton = $get("<%=HiddenButton.ClientID %>");
    if (hiddenButton != null) {
       hiddenButton.click();
    }
}

【讨论】：