如何从 JS onclick 事件转到 Servlet 以获取 saving/retrieving 数据？

Question

我正在尝试使用 JSP、Servlets 和一些 JS.[=17= 创建简单的练习应用程序]

当用户通过单击图标将 post 标记为重要时，我想将相应的 USER_ID & POST_ID 保存到数据库 table USER_POST_ACTIVITY 这样我们下次加载应用程序时，如果按重要性排序，我们应该能够加载标记的 posts。

我想出了一些前端，但我仍然不知道如何连接 post 上的标记（单击）以插入数据库查询。

如何在点击星标时调用我的java JDBC 代码 - 它不是表格，所以可以通过事件吗？并且在 select 按星号排序时渲染元素？

function onSetImp(e) {
  e.target.src = e.target.src == "https://img.icons8.com/color/48/000000/star.png" ? "https://img.icons8.com/emoji/48/000000/star-emoji.png" :
    "https://img.icons8.com/color/48/000000/star.png";
}

.section {
  background-color: black;
  width: 100px;
}

.mark-post {
  margin-left: 30px;
}

.mark-post:hover {
  cursor: pointer;
}

.sort {
  margin-top: 20px;
}

<div class="section">
  <img class="mark-post" style="height: 30px; width: 30px;" onclick="onSetImp(event)" src="https://img.icons8.com/color/48/000000/star.png" />
</div>

<div class="sort">
  <label for="sorting">Sort By:</label>
  <select id="sorting" name="sort">
    <option value="latest">Starred</option>
    <option value="oldest">Oldest</option>
    <option value="starred">Latest</option>
  </select>
</div>

Answer 1

您可以使用 XMLHttpRequest 从 js 调用您的 servlet。您可以在此处阅读更多相关信息 https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/send

如何从 JS onclick 事件转到 Servlet 以获取 saving/retrieving 数据？

How to go from an JS onclick event to Servlet for saving/retrieving data?

javascript

servlets