How to stop page reload on button click jquery

Question

I am using this below code for button click event using jQuery. When button is clicked the page reloads.

$(\'#button1\').click(function () {
    //Code goes         


        

Answer 1

You can use event.preventDefault() to prevent the default event (click) from occurring.

$('#button1').click(function(e) {
    // prevent click action
    e.preventDefault();
    // your code here
    return false;
});

Answer 2

If your "button" is a button element, make sure you explicity set the type attribute, otherwise the WebForm will treat it as submit by default.

<button id="button1" type="button">Go</button>

If it's an input element, do so with jQuery with the following:

$('#button1').click(function(e){
    e.preventDefault();
    // Code goes here
});

Read more: event.preventDefault()