html阻止a标签的跳转，去除form中的button默认事件

1.a标签

<a href="JavaScript:;">click me</a>

2.form button

<form id="post-form" method="post" action="/post">
<li class="post-btn">

<button type="submit" id="post-btn">Post<button>

</li>
</form>

let text = $("#post-text");
 document.getElementById("post-btn").addEventListener("click", function(event){
//阻止事件
  event.preventDefault()
  $.post("/post",{"post_text":text.val()},function (data) {
       alert(data.msg);
       window.location.href="/page/index";
  })
 });