Stop the refreshing of a page when i press the submit button

Question

Actually I have this code:

<input type='submit' name='bn_search' value='<?php echo xla('Search'); ?>'/>
  .....
<?php if ($_REQUEST['bn_search']) { ?>  
<?php ....... } ?>

I have created a submit button "Search" and when I press this button the page will refresh and I want to prevent it. The button,also, shows some results from the database.Can I make it working without refreshing? If anyone can help me I would appreciate it.

You're looking for [Ajax](https://api.jquery.com/jQuery.ajax/) — Felix, Feb 22 '14 at 18:51

Adam 'Sacki' Sackfield · Answer 1 · 2014-02-22T19:03:50.070

0

$("form").on('submit', function(e){

    e.preventDefault()

});

Edited due to tip in comments @carpetsmoker

edited Feb 22 '14 at 19:03

answered Feb 22 '14 at 18:56

Adam 'Sacki' Sackfield

594
1
4
19

Use `e.preventDefault()`. this is actually a lot better, since it's executed on the first line, meaning. If your function contains an error (exception), then `return false` is never reached and strange (unexpected) behaviour can ensue. `return false` is really an old hack from the early days of Javascript. – Martin Tournoij Feb 22 '14 at 19:00
Ok cheers for the tip – Adam 'Sacki' Sackfield Feb 22 '14 at 19:02
I tried it but it didn't work .. – user3320752 Feb 23 '14 at 08:10

Stop the refreshing of a page when i press the submit button

1 Answers1