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

Question

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

oldHeight = painter->fontMetrics().boundingRect('D').height();

Answer 1

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

Answer 2

1. 最佳做法是使用javascript而不是HTML绑定事件。
2. 您在致电jQuery.on时已经在分配事件。
3. 执行onchange="this.form.submit()将导致重新加载，提交更改后的表单将提交当前页面。您应该遵循最佳实践，并使用jQuery submit或更好的vanillaJS $form.on('submit', cb)在表单上分配form.addEventListener('submit', cb, false)事件。
4. 您使用的是来自event而不是ready的{​​{1}}。
5. 除非在on上使用id，否则出于某些奇怪的原因，除非要以每页1个的限制将它的出现限制为开始。
6. jQuery已过时，您应该将其放在新项目中。现在，选择器已存在于现代浏览器中，并且其动画使用了太多的javascript而没有CSS3。

<form />

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