c# - asp :button click 上的 ASP.NET 异步回发

Question

我在 asp:net 中使用 AJAX，并试图处理 asp:button 触发 javascript 方法和代码隐藏 c# 方法的情况。为此，我为按钮使用了 onclick 和 onClientClick 属性。我需要进行回发才能调用代码隐藏，但是此回发会导致 javascript 无法工作，因为变量已丢失状态。谁能描述如何处理这个？可以使用 ajax 和异步回发吗？这让我有点发疯了!

编辑: javascript 实际上用于 google-map (v3)，c# 代码用于提交到 sql 数据库。

map 在代码隐藏中初始化:

protected void Page_Load(object sender, EventArgs e)
    {
        if(!Page.IsPostBack) {
            ScriptManager.RegisterStartupScript(this, this.GetType(), "onload", "initialize_map();", true);
            submitButton.Command += new CommandEventHandler(this.submitButton_Click);
        }
    }

这里是一些相关的代码:

<asp:UpdatePanel runat="server" ID="Form" UpdateMode="Conditional">
<ContentTemplate>

(...form stuff...)

<asp:Button ID="submitButton" runat="server" Text="Submit" ValidationGroup="NewCallFormSubmit" OnClientClick="calcRoute(); return false;" onclick="submitButton_Click" />

</ContentTemplate>
</UpdatePanel>

<asp:UpdatePanel runat="server" ID="DisplayUpdatePanel" UpdateMode="Conditional">
<ContentTemplate>

 <h1>
  Pick-Up and Drop-Off Locations
  </h1>
     <!-- Map Layout -->
     <div id="map_canvas" style="width: 500px; height: 500px;"></div>                          

</ContentTemplate>
</asp:UpdatePanel>

...我认为如果我可以让第一个更新面板在单击按钮时回发，第二个面板不回发，并且按钮仍然调用代码隐藏，那将是可行的。到目前为止，这一切同时发生还没有运气。

Answer 1

如果您只想在 OnClick(服务器)代码之前运行 OnClientClick(客户端)代码，请尝试以下操作:

ASP.NET

<asp:Button ID="btn_mybutton" runat="server" Text="MyButton" OnClientClick="return JSFunction();" OnClick="CFunction"/>

Javascript

<script type="text/javascript">
    function JSFunction() {
        alert('Some JavaScript stuff');
        return true; 
    }
</script>

C#

protected void CFunction(object sender, EventArgs e)
{
    // Some server code
}

JavaScript 函数首先执行并在执行服务器代码之前返回。