<html lang="en">
<head>
<meta charset="UTF-8">
<title> Java, Spring Boot, FreeMarker</title>
<link href="/css/main.css" rel="stylesheet">
</head>
<script>
function myFunction() {
<@test/>
}
</script>
<body>
<h2>Java, Spring Boot, FreeMarker</h2>
<form action="/search" method="post">
Search : <input type="text" name="firstName" onkeyup="myFunction()" id = "fname">
<input type="submit" value="Submit">
</form>
<div style="background-color:lightblue">
<#macro test>
<#list empList as emp>
<div id="emp-data">
<ul>
<li>${emp}</li>
</ul>
</#list>
</div>
</#macro>
<script src="/js/main.js"></script>
</div>
</body>
当我运行此代码时,我在浏览器控制台上收到一些错误:
(索引):60未捕获的ReferenceError:myFunction未在HTMLInputElement.onkeyup((index):60)中定义onkeyup @(索引):60 - PCS 1小时前
FreeMarker可以做那样的事情吗?
从某种意义上说,你可以......但它没有做你显然认为它做的事情。首先,所有FreeMarker指令(如<@test/>
)都在服务器上解析,然后生成的输出在浏览器中运行。因此,就浏览器而言,function myFunction() { ... }
直接在div
中包含HTML { ... }
-s,这是无效的JavaScript。