event.preventdefault()或返回false无效(提交后我需要留在同一页面上)

时间:2018-06-28 04:59:24

标签: jquery html

我知道,与此主题相关的问题很多,我已经检查了很多问题,但是我不知道代码有什么问题。而且我不知道还能尝试什么。提交后,我进入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;
   });
});

这可能是什么问题?

1 个答案:

答案 0 :(得分: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()                
      });
}