HTML表单在提交时刷新

Question

I have a javascript function that submits a form. I have searched through a lot of questions and found answers, but that does not seem to help.

function setActionAndSubmit(action){
    $('input:hidden[name=action]').val(action);
    $("blueForm").submit();
}

I have seen some answers where people suggested return false; But that does not seem to work either.

How do I stop the submit from refreshing the page?

Answer 1

If you want to create remote post form, you should use ajax

Here is little example how it could look, for simple login form.

$.post( "http://127.0.0.1/loginAction",
        { username: "root", password: "toor" },
        function(data) {
          // Data received from php side
        } );

• post();

Answer 2

Use jQuery's ajax helpers to submit it instead. The below code will make the same request as submitting a form, except doesn't redirect/refresh the page. callback is called with the response.

function setActionAndSubmit(action, callback) {
  var $form = $("blueForm");
  $form.find('input:hidden[name=action]').val(action);
  $.post($form.attr("action"), $form.serialize(), callback);
}