javascript - 在外部链接的javascript中渲染EL变量

Question

我们如何解析链接的 javascript 中的 EL 变量？是否可以？有哪些选择？

这就是我正在做的:

<a id="apiCaller" href="">API Caller </a>

<div id="returnData">
</div>

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/api.js" ></script>

在 api.js 中:(其中 ${pageContext.request.contextPath} 没有得到解析)

$("#apiCaller").click(function(event){
    event.preventDefault();
    $.ajax({
        method: "GET",
        url: "${pageContext.request.contextPath}/myAPI",
        success: function(returnData){
              alert(returnData.data);
            $("#returnData").empty.append(returnData.data);
        }
    });
});

回答(意识到这是一个相关问题): https://stackoverflow.com/a/5158157/1435070

Answer 1

我通常在每个页面上都包含一个内联脚本 block 来处理这个问题。将上下文根放在全局变量中。例如，要在我的博客中获取上下文根，我使用:

base_js.jsp

<script>
        var ttRoot = "${pageContext.request.contextPath}" ;
</script>

此片段是通过模板包含在每个页面上的片段的一部分:

<!-- Load Base Javascript Javascript -->
<jsp:include page="/WEB-INF/views/fragments/base_js.jsp" />

然后在构建 url 时我使用这个全局变量:

 var url = ttRoot + "/secure/resume/manager/skills/" + skillId + "/tags";