未捕获的引用错误 my() 未定义

Question

<input type="button" class="btn" value="Place Order" onclick="my()">


<script type="text/javascript">

  <% String resp= session.getAttribute("jsonData").toString();%>
  const jso="<%=resp%>"
function my(){

    alert(jso);


  }




</script>

我想获取 JSP 变量并存储在 javascript 中并显示在警报中但是当我这样做时我的 onclick function 返回 function 我没有定义。

Answer 1

这必须工作。 如果没有，那么还有其他事情发生

这里我不添加

<% String resp= session.getAttribute("jsonData").toString();%>

出于显而易见的原因

 window.addEventListener("DOMContentLoaded", () => { const jso = "<%=resp%>"; document.getElementById("myButton").addEventListener("click", (e) => { alert(jso); }); })

 <input type="button" id="myButton" class="btn" value="Place Order">

Answer 2

您可能在此行中有 JavaScript 错误： const jso="<%=resp%>"

resp来自一个名为jsonData的属性，因此我假设它包含 JSON。JSON 中的属性和字符串值用双引号引起来。 下面的小例子已经显示了我期望你得到的错误：

const jso="{"key": "value"}"

开口"不是被最后一个"关闭，而是被你 JSON 中的第一个关闭。换句话说 - 你正在输出无效的 JavaScript。

最好的解决方案是正确转义 JSON。我建议使用Apache Commons Text 1.10.0 。 通过正确的导入：

const jso="<%=StringEscapeUtils.escapeJson(resp)%>"

这将在输出之前正确地resp任何不安全的字符，包括" 。