Кнопка Html, которая вызывает JQuery и не отправляет обратно

Question

Возможно ли иметь кнопку, которая не отправляется обратно на сервер, и событие click может быть обнаружено jquery? У меня есть страница MVC, которая занимает некоторое время, чтобы загрузить и получить доступ к базе данных, и я просто хочу уменьшить количество требуемых нагрузок и удалений db.

Answer 1

Просто сделать кнопку регулярной кнопки вместо кнопки submit, а затем сделать:

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

Answer 2

Вы можете прикрепить любое поведение, которое вы хотите с помощью 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 3

Если вы делаете кнопку с <input type="submit"> он отправит форму на сервер; , но если вы используете <input type="button">, это не будет, и вы можете обнаружить событие onclick

Answer 4

Вы можете определить событие нажатия кнопки с помощью jquery.

Дайте и укажите этой кнопке функцию вызова с этим идентификатором в событии клика.

$('#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/