如何从 JS onclick 事件转到 Servlet 以保存/检索数据？ [复制]答案

【问题标题】：How to go from an JS onclick event to Servlet for saving/retrieving data? [duplicate]如何从 JS onclick 事件转到 Servlet 以保存/检索数据？ [复制]
【发布时间】：2020-10-03 11:48:49
【问题描述】：

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

当使用通过单击图标将帖子标记为重要时，我想将相应的USER_ID和POST_ID保存到数据库表USER_POST_ACTIVITY中，以便我们下次加载应用程序，我们应该能够如果按重要性排序，则加载标记的帖子。

我已经想出了一些前端，但我坚持如何在帖子上连接标记（单击）以插入数据库查询。

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

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>

【问题讨论】：

标签： javascript servlets

【解决方案1】：

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

【讨论】：