javascript - 使用下拉菜单防止页面加载
问题描述
如何防止整个页面加载?当我从下拉菜单中选择一个选项时,无论我尝试什么,页面都会重新加载。我不确定是因为你无法停止“更改”事件,还是我的 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>
解决方案
你有preventDeault
,但它应该是preventDefault
。看起来像一个简单的错字。
推荐阅读
- c++ - C++:按值或按引用调用函数?(多态性)
- api - LinkedIn Ad Analytics API - 使用 Pivots 时广告指标偏低
- wordpress - 如何禁用 WordPress 类别页面上的某些帖子链接?
- haskell - 使用 sortBy 对列表进行排序
- java - 我想从广播组返回变量
- java - 使用循环将元素添加到 ArrayList 并在控制台上输出它们
- imacros - iMacros 帮助!如何提取库存金额并将其放入表格中?
- delphi - Delphi ICS 上传到 FTP
- ruby-on-rails - 在 database.yml 上配置 postgresql
- python - 从python脚本中运行scrapy程序