调用JQuery但不回发的Html Button

时间:2010-11-15 04:02:03

标签: jquery html

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

4 个答案:

答案 0 :(得分:6)

您可以使用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;
});

答案 1 :(得分:5)

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

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

答案 2 :(得分:0)

如果您使用<input type="submit">创建按钮,它会将表单提交给服务器; 但如果您使用<input type="button">,则不会,并且您可以检测到onclick事件

答案 3 :(得分:0)

您可以使用jquery检测按钮的点击事件。

为该按钮提供和id,在点击事件中使用该id调用函数。

$('#buttonid').click(function() {
// call ajax here

.post()  // ajax call

or

.get()   // ajax call


});

组合Jquery ajax。

http://api.jquery.com/click/

http://api.jquery.com/jQuery.get/