c# - 如何让 ASP.NET 按钮执行 jQuery 代码

Question

我在 cc.js 上有 jquery 代码，我需要在单击 asp.net 按钮时执行它。

cc.js 上的代码有一个名为 settings 的变量，然后使用以下代码将这些设置提交给 API(POST 操作):

'Transaction Submit'
 $.ajax(settings).done(function (response) {
    console.log(response);
});

基本上我需要这个按钮<asp:Button ID="BtnSubmit" runat="server" Text="Submit" />执行该 jquery 代码。我该怎么做？

Answer 1

您正在寻找 OnClientClick 属性

<asp:Button ID="BtnSubmit" runat="server" OnClientClick="JSFunctionName(); return false;" Text="Submit" />

如果按钮元素位于表单内，您将需要添加额外的 return false 语句以防止发生回发。

这是假设您想通过使用内联调用将前端 html 与 js 代码分离。如果不是这种情况，那么您可以修改 cc.js 以自动绑定(bind)到其他人提到的元素上。他们遗漏的一件事是，在该过程中，如果您的按钮位于表单内，那么您需要像这样防止自动回发:

$(document).ready(function() {

  $("#BtnSubmit").click(function(){
    JSFunctionName();
    e.preventDefault();
  });

});