获取链接以仅发送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()
});