今天使用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 引擎会自动将包含该表达式的字符串标识为模板字符串。
对于模板字符串,你需要使用反引号()将字符串内容包裹起来,而不是使用单引号或双引号。如果你使用了单引号或双引号,
${}` 表达式将不会被正确解析。