在使用springboot框架式的的script无法通过${}来获取值

陈小唬2024-01-26 6:03

今天使用springboot框架做项目，想着来实现一下搜索的下拉框回显功能，然后就一直在报错误，关键是报的错误牛头不对马嘴，检查了一下后端代码，发现没什么问题，就把目光聚焦了.jsp页面的代码

<script type="text/javascript">
        $(function () {
            console.log("获取到的值为:"+${h1.bid});
            $.post("<%=request.getContextPath() %>/assist/findBuildingsList", {}, function (obj) {
                $.each(obj, function () {
                    if(this.bid==${h1.bid}){
                        $("#bid").append("<option selected value='" + this.bid + "'>" + this.bname + "</option>")
                    }else{
                        $("#bid").append("<option value='" + this.bid + "'>" + this.bname + "</option>")
                    }
                })
            }, "json");
        });
    </script>

这段代码利用了异步请求，然后去追加下拉框，实现回显功能逻辑上面检查了很久发现没什么问题主要是浏览器控制台一直报错的位置也不是他如下：

一直显示上面少个括号，检查了很久，没看出来哪里有问题把我上面的代码注释掉有全部好了，慢慢检查然后去网搜索终于找到了原因 --${}没办法获取到值然后继续推导发现是引号的原因

然后去查找资料发现：

在 JavaScript 中，${} 表达式只会被解析为模板字符串，而不是普通的字符串。因此，当你使用 ${} 表达式时，JavaScript 引擎会自动将包含该表达式的字符串标识为模板字符串。

对于模板字符串，你需要使用反引号（）将字符串内容包裹起来，而不是使用单引号或双引号。如果你使用了单引号或双引号，${}` 表达式将不会被正确解析。