HTML表单在提交时刷新

Question

我有一个提交表单的javascript函数。我搜索了很多问题并找到了答案，但这似乎没有帮助。

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

我看到了人们建议的一些答案          return false; 但这似乎也不起作用。

如何通过刷新页面来停止提交？

Answer 1

如果要创建远程发布表单，则应使用ajax

对于简单的登录表单，这里有一个小例子。

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

• post();

Answer 2

使用jQuery的ajax助手来提交它。以下代码将提交与提交表单相同的请求，但不会重定向/刷新页面。通过回复调用callback。

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