如何根据 Java 代码中的条件在 JavaScript 中有条件地调用 alert()？

Question

如果记录的数据（通过网页上的表格）达到或超过设定的目标（已经记录和存储），我将尝试显示警报（“祝贺！”消息）；我也在考虑有条件地播放一个可爱的小声音来配合它，但我当然想让弹出窗口先工作。我是 JavaScript 的新手，所以我希望这个问题不是我的愚蠢疏忽。我确实在网上做了一些挖掘，但找不到完全适合我在这里尝试做的事情的解决方案。

因此，在我的 Java 代码中，我检查记录的数据是否达到或超过目标，如果是，则将目标对象中的布尔变量设置为真（以反映目标已完成）。该布尔变量正在正确更新。但是，在我的网页中，当包裹在我所处的条件下时，我无法弹出警报。

我确实知道下面的 Java 行代码被看到了，因为我在它前后放了一个 print 语句，并且都在打印。

这里是相关的Java代码：

model.addAttribute("goalMet", true);

这是相关的 HTML 和 JS（我正在使用 Thymeleaf）：

<div th:if="${goalMet}">
<p> abc123 </p>
<script th:inline="javascript">
    function congratulate() {
      alert("Congratulations on achieving your Goal!");
    }
    congratulate()
</script>
</div>

abc123是刚扔进去调试的，目前录完数据达标后没有出现。我已经尝试了脚本标签的一些变体，有和没有 th:inline="javascript" 部分。我还尝试将函数定义移动到 html head 标记中，并在此条件块中调用 congratulate()。到目前为止我所有的尝试都没有成功。

我在记录满足目标的数据后看到的唯一效果是 URL 附加了“?goalMet=true”。

Answer 1

多亏了 Randy Casburn 的建议，我才能够使用重定向属性来完成这项工作。这是我所做的：

已更改

model.addAttribute("goalMet", true);

到

redirectAttrs.addFlashAttribute("goalMet", true);

然后我添加了

“RedirectAttributes redirectAttrs”作为执行重定向的方法的参数。

如何根据 Java 代码中的条件在 JavaScript 中有条件地调用 alert()？

How do I conditionally call an alert() in JavaScript based on conditions from my Java code?

javascript

java

alert

thymeleaf

spring-boot