如何将JSP脚本段<% %>中的变量传递至<script>标签中？

嘿，直接在你的<script>里用prov变量是行不通的，我来给你拆解下原因和解决办法：

为什么直接用不行？ #

你的prov是服务器端Java代码里的变量，这段JSP代码在服务器上运行，生成最终的HTML页面后才会发送到用户的浏览器；而<script>里的JavaScript是客户端代码，在浏览器里运行。两者运行的环境、时机完全不同，浏览器根本不知道服务器端的prov变量是什么。

正确的做法：把服务器端变量传递到客户端JS里 #

你需要让服务器在渲染页面的时候，把prov的实际值注入到JavaScript代码中，具体可以这么改：

方案1：直接嵌入Java变量（基础版）

<% 
String prov = ""; // 先初始化默认值，避免未定义报错
if(request.getParameter("btnBusProv")!= null) { 
    prov = request.getParameter("cbProv"); 
    out.println("Nombre del proveedor: " + prov); 
} 
%>
<script>
function MostrarNombres() {
    // 用<%= %>把服务器端的prov值注入到JS里
    const prov = "<%= prov %>";
    document.getElementById("txtRUC").value = prov;
    document.getElementById("txtFec").value = prov;
    document.getElementById("txtDIR").value = prov;
}
</script>

这里要注意：我先给prov初始化了空字符串，避免当btnBusProv参数不存在时，服务器渲染<%= prov %>会抛出“变量未定义”的错误。

方案2：处理特殊字符（更安全的版本）

如果prov的值里包含引号、换行这类特殊字符，直接嵌入会导致JS语法错误。这时候可以用工具类转义：

<% 
String prov = "";
if(request.getParameter("btnBusProv")!= null) { 
    prov = request.getParameter("cbProv"); 
    out.println("Nombre del proveedor: " + prov); 
} 
%>
<script>
function MostrarNombres() {
    const prov = "<%= org.apache.commons.lang.StringEscapeUtils.escapeJavaScript(prov) %>";
    document.getElementById("txtRUC").value = prov;
    document.getElementById("txtFec").value = prov;
    document.getElementById("txtDIR").value = prov;
}
</script>

方案3：用JSTL（更简洁规范的方式）

如果你的项目支持JSTL标签库，推荐这种写法，代码更干净，转义也更方便：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<c:set var="prov" value="${param.cbProv}" default="" />
<c:if test="${not empty param.btnBusProv}">
    Nombre del proveedor: ${prov}
</c:if>

<script>
function MostrarNombres() {
    const prov = "${fn:escapeXml(prov)}";
    document.getElementById("txtRUC").value = prov;
    document.getElementById("txtFec").value = prov;
    document.getElementById("txtDIR").value = prov;
}
</script>

原理总结 #

服务器在处理JSP页面时，会把<%= %>或者EL表达式${}里的内容替换成实际的字符串值，最终发送到浏览器的JavaScript代码里就会包含prov的真实值，这样客户端就能正常使用这个值了。

内容的提问来源于stack exchange，提问作者Newbee4Ever