调用JQuery但不回发的Html Button

Question

是否可以有一个不回发到服务器的按钮,jquery可以检测到click事件？我有一个MVC页面,需要一段时间来加载和访问数据库,我只想减少所需的负载数量和db命中.

Answer 1

您可以使用jQuery附加任何您想要的行为.

这是你的按钮

<button class="my-button">click this</button>

这是你的jQuery

$("button.my-button").click(function(){
  // do something!
});

如果您想使用表单上的提交按钮,这里有一个更不显眼的方式:

$("#some-form input:submit").click(function(){
  // do something special!

  // prevent default behavior of button
  return false;
});

Answer 2

只需将按钮设为常规按钮而不是submit按钮,然后执行以下操作:

$("#myButton").click(function () {
    whatever it is I want to do ...
});