Javascript 为什么AJAX不停止页面刷新？

有人能帮我解决Django的AJAX问题吗。我正在尝试创建一个包含2个输入的简单表单，并将其发送到python后端，而无需刷新页面。以下是我的AJAX代码：

<script type="text/javascript">
  $(document).ready(function(){
    $("#seearch").submit(function(e){
      e.preventDefault()

      $.ajax({
        type:'POST',
        url:'/some/',
        data:{
          origin:$('#origin').val(),
          destination:$('#destination').val(),
          },
        success:function(){
          document.write("HelloWorld")

        }

      });
      return false;

    });
  });

</script>

$（文档）.ready（函数（）{
$（“#参见搜索”）。提交（功能（e）{
e、 预防默认值（）
$.ajax({
类型：'POST'，
url:“/some/”，
数据：{
原点：$（“#原点”）.val（），
目的地：$（“#目的地”）.val（），
},
成功：函数（）{
文件。编写（“HelloWorld”）
}
});
返回false；
});
});

以下是我在表单中使用的代码：

<div style = " 
      width:0.01px; 
      height:0.01px; 
      position:relative; 
      top:-700px; 
      left:0px;">

      <div class="container px-5 py-24 mx-auto flex flex-wrap items-center" >
        <form id="seearch">

          <input id="origin" class="button" name="origin" placeholder="Where from?" type="text"><div></div>
          <input id="destination" class="button" name="destination" placeholder="Where to?" type="text">
          <input class="button" name="navigate" type="submit" placeholder="navigate">
        </form>
      </div>

  </div>

发送到后端的请求应该是AJAX请求，但这几乎就像表单忽略了AJAX代码一样。当我单击submit时，它只是简单地提交表单并刷新页面。

---

我已经为此挣扎了将近两天，如果有什么能帮我找出哪里出了问题，那将是一个很大的帮助。谢谢

您的提交按钮类型为“提交”。因此，它将尝试按照“html表单属性”重新加载页面

因此，您有两种选择：

将type=“submit”更改为type=“button”。因此，表格不会自动提交。 但这个解决方案的问题是，您的其他表单属性，如required和其他东西将无法工作

更合适的解决方案是：

-您的表单元素-

JavaScript部分：

function mySubmitFunction(e) {
   e.preventDefault();
   ------ ajax--------
}

---

选择适合您的问题的选项。

是否将脚本标记代码放在您发布的html下面？检查控制台中是否没有Jquery错误。问题是由您的按钮类型引起的，请参阅我的答案。