How to not refresh page's previous field input values after press submit

Question

I have an input like this:

<input value="<?php echo $formdata['title'] ?>" type="text" name="title" id="Editbox2">

This is an edit page, I load database data into fields with echo, replace them, and hit submit to update them.

But when I hit submit it refreshes the old data onto browser's fields, how can I prevent this?

Answer 1

Submit your form using ajax request with jquery submit.

Use action="javascript:;" for the form tag

Answer 2

You need to handle the script with javascript, then prevent the default behaviour, which is refreshing the page. Here is an example:

*I haven't tested this, but from what I recall this is what I used to do. Let me know if it doesn't work, I'll give other suggestions.

<form>
  <!-- elements inside -->
  <input type="submit" id="submit-btn" value="Submit"/>
</form>

and in your javascript have the following:

<script>
  $("#submit-btn").click(function(e){
    e.preventDefault();
    // handle form here with your JS
  });
</script>