如何在ASP.NET中通过OnClientClick获取JavaScript异步返回的cardHash值到后端CodeBehind？

你的思路方向是对的，用OnClientClick触发前端JS逻辑没问题，但核心问题在于checkout.getCardHash是异步操作——它不会立刻返回结果，而是通过回调函数拿到cardHash。如果直接用默认的按钮提交流程，后端代码会在回调完成前就执行，自然拿不到值。下面是具体的解决步骤：

步骤1：添加隐藏字段存储cardHash #

在ASPX页面里加一个HiddenField控件，用来临时存储异步获取到的cardHash，这样后端就能访问到它的值：

<asp:HiddenField ID="hfCardHash" runat="server" />

步骤2：修改JavaScript函数，处理异步回调并提交表单 #

调整你的returnHash函数，在拿到cardHash后把它赋值给隐藏字段，然后手动提交表单（因为要等异步完成再提交，所以要先阻止按钮的默认提交行为）：

<script type="text/javascript">
function returnHash() {
    // 阻止按钮默认的表单提交行为
    event.preventDefault();
    
    var checkout = new DirectCheckout('086F7D02A071267FEBF102EB759D9845B8B3333DFA65BC45B807F41A8525AD8D');
    // 沙箱环境记得改成 new DirectCheckout('SEU TOKEN PUBLICO', false);
    
    var expiryDate = document.getElementById("txtDataVencUser").value; // 优化：避免重复DOM查询
    var cardData = {
        cardNumber: document.getElementById("txtNumeroCartaoUser").value,
        holderName: document.getElementById("txtNomeCartaoUser").value,
        securityCode: document.getElementById("txtCodSegurancaUser").value,
        expirationMonth: expiryDate.substring(0, 2),
        expirationYear: "20" + expiryDate.substring(3, 5)
    };

    checkout.getCardHash(cardData, function (cardHash) {
        // 把cardHash赋值给隐藏字段
        document.getElementById('<%= hfCardHash.ClientID %>').value = cardHash;
        // 手动提交表单，触发后端CodeBehind逻辑
        document.forms[0].submit();
    }, function (error) {
        console.error('获取cardHash失败:', error);
        // 可以在这里添加用户可见的错误提示，比如alert('卡片信息验证失败，请检查输入')
    });
}
</script>

小提醒：你原来的代码里month和year都取了同一个txtDataVencUser的值，我改成了先取一次再拆分，减少不必要的DOM查询操作。

步骤3：配置ASP.NET按钮的OnClientClick #

把按钮的OnClientClick设置为调用returnHash()即可，不需要返回true或false，因为我们已经在函数里手动处理了提交逻辑：

<asp:Button ID="btnSubmit" runat="server" Text="提交" OnClientClick="returnHash();" OnClick="btnSubmit_Click" />

步骤4：在CodeBehind中读取cardHash #

现在在按钮的后端点击事件里，直接读取隐藏字段的值就能拿到cardHash了：

protected void btnSubmit_Click(object sender, EventArgs e)
{
    string cardHash = hfCardHash.Value;
    if (!string.IsNullOrEmpty(cardHash))
    {
        // 在这里使用cardHash进行后续的后端逻辑处理
    }
    else
    {
        // 处理获取cardHash失败的情况，比如给用户返回错误提示
    }
}

关键注意事项 #

• 异步操作顺序：必须等待getCardHash的回调执行完成后，再提交表单，否则后端会拿不到有效值。
• 隐藏字段的ClientID：ASP.NET会自动生成控件的客户端ID，所以用<%= hfCardHash.ClientID %>确保JS能正确找到这个控件。
• 错误反馈：记得在回调的错误分支里添加用户可见的提示，避免用户不知道提交失败的原因。

内容的提问来源于stack exchange，提问作者Gabriel Manzini