获取一个链接，只发送 POST 请求，但实际上不会转到页面

Question

我正在制作一个购物清单程序，并使用链接增加商品的数量，但让链接发送 POST 请求但实际上没有转到页面。 我不确定这是否可以做到。 这就是我要做的：

<a href="/view/{{row['item_category_id']}}/edit/{{row['item_id']}}/minus" style="float: left; margin-left: 2%;">-</a>
{{row["item_name"]}}
<kbd style="box-shadow: 0px 2px #d3d3d3;">[ {{row["item_quantity"]}} ]</kbd>
<a href="/view/{{row['item_category_id']}}/edit/{{row['item_id']}}/add" style="float: right; margin-right: 2%;">+</a>

我希望链接发送 POST 请求而不将您发送到另一个页面，这样就不必在每次您增加项目值时加载页面。

Answer 1

也许事件对象上的 preventDefault(( 方法可以完成这项工作，因为我想它是在单击事件时，您可以将链接/按钮设置为不.. 表现默认，并保持在同一页面上。

document.querySelector("a").addEventListener("click", function(event) {
event.preventDefault()
});