如何从 JS onclick 事件转到 Servlet 以保存/检索数据?

k92

我正在尝试使用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>

作者:约西彭科

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章