event.preventdefault() 或 return false 不起作用（提交后我需要留在同一页面上）答案

【问题标题】：event.preventdefault() or return false not working (I need to stay on the same page after submit)event.preventdefault() 或 return false 不起作用（提交后我需要留在同一页面上）
【发布时间】：2018-06-28 04:59:24
【问题描述】：

我知道，有很多关于这个主题的问题，我已经检查了很多，但我不知道我的代码有什么问题。而且我不知道还能尝试什么。提交后我转到 lang.php，但我需要留在同一页面上。

这是语言更改的块：

      <div id="language">
  <form method="post" action="lang.php" id="langForm">
  <select name="language" onchange="this.form.submit()">
    <option value="en">en</option>
    <option value="ru">ru</option>
  </select>
 </form>
</div>

这里是js：

$(document).ready(function() {
$('form#langForm').submit(function (event) {
          $.ajax({
            type: 'post',
            url: 'lang.php',
            data: $('form#langForm').serialize()                
          });
     event.preventDefault();
     return false;
   });
});

这有什么问题？

【问题讨论】：

form action="lang.php" 会在提交时将您带到 lang.php 页面。检查这个stackoverflow.com/questions/5361751/…

标签： jquery html

【解决方案1】：

不要使用原生表单提交$('form#langForm').submit

它将重定向您的位置。

只需自己发送 ajax。

尝试类似的东西

<select name="language" onchange="sendAjax">
  <option value="en">en</option>
  <option value="ru">ru</option>
</select>

js:

function sendAjax() {
   $.ajax({
        type: 'post',
        url: 'lang.php',
        data: $('form#langForm').serialize()                
      });
}

【讨论】：