javascript - 使用下拉菜单阻止页面加载

Question

如何阻止整个页面加载？当我从下拉菜单中选择一个选项时，无论我尝试什么，页面都会重新加载。我不确定是因为您无法停止“更改”事件，还是我的 ajax 错误。

<form action="" method="get" id="rati">
  <select name="value" onchange="this.form.submit()">
    <option value="default" selected="selected"></option>
    <option value="Authors">Authors</option>
    <option value="Papers">Papers</option>
    <option value="countries">Countries</option>
    <option value="Organisations">Organisations</option>
  </select>
</form>

<script>
  $(document).ready(function (e) {
    $("[name='value']").on('change', function () {
      e.preventDeault();
      $.ajax({
        type: "GET",
        url: "localhost:1234/",
        crossDomain: true,
        dataType: "json",
        data: $("#rati").serialize(),
      });
    });
  });
</script>

Answer 1

您有 preventDefault，但它应该是 preventDefault。看起来像是一个简单的错字。