网站中的单页体系结构或应用程序在 html 导航中使用 servlet 而不打开新页面

Question

实际上我想在单击链接时使用servlet下载文件。

我在 HTML 的网站中使用单页架构或应用程序。

如何在单击链接时调用 servlet而不更改页面？

我正在尝试，但下一页正在打开，所以我可以限制在链接上打开新页面吗？我想制作一个动态网页。我想在单击链接时加载图像。

下面是一些代码：

<form action="./dwfile" method="get or post">
   <a class="btn_loadmore btn btn-lg btn-orange" href="dwfile?#templatemo-archives" role="button">DOWNLOAD MORE SCREENSHOTS</a>
</form>

当用户单击DOWNLOAD MORE SCREENSHOT链接时，它们将保持在同一页面上，并且应调用dwfile servlet，即将下载文件夹。他们将导航到下一个模板，即 #templatemo-XXXX

Answer 1

您每次提交表单时都使用form标签。

当用户单击"下载更多屏幕截图"链接时，它仍然存在 在同一页上，应该调用 DWFILE servlet。

那么这里就不需要form标签了。只需一个链接即可下载文件。只需使用

<a href="dwfile" class="btn btn-success">DOWNLOAD MORE SCREENSHOT</a>

Answer 2

使用目标属性来确定 href 应该如何执行。

更多信息：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target

例如：

   <a class="btn_loadmore btn btn-lg btn-orange" href="dwfile?#templatemo-archives" target="_blank" role="button">DOWNLOAD MORE SCREENSHOTS</a>

如果你想真正让它成为dynanicc，你应该考虑使用httpRequests。

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest