如何在javascript中执行JSP的c:url等价物?

Kev*_*dge 6 javascript jquery

我有一些javascript正在对相对url进行ajax调用(使用JQuery).我在多个页面中使用相同的脚本.当从作为Spring WebFlow执行的一部分的页面使用时,相对url相对于servlet上下文根解析.当从不属于WebFlow执行的页面使用时,URL将相对于当前页面进行解析.

我希望能够重用这个javascript,而不必根据它在其中使用的页面类型进行修改.理想情况下,我需要等效的JSP c:url标记.Javascript中有什么允许我创建相对于servlet上下文根的URL吗?

这是我的javascript的精简版.

$.getJSON(
    "ref_data/country_options", 
    {id: countryId},
    function(countryOptions) {
        // ... do stuff
    }
};
Run Code Online (Sandbox Code Playgroud)

Bal*_*usC 11

设置<base>具有该值的HTML 元素(注意:有自己的优点和缺点)

<c:set var="req" value="${pageContext.request}" />
...

<head>
    <base href="${fn:replace(req.requestURL, fn:substring(req.requestURI, 1, fn:length(req.requestURI)), req.contextPath)}" />
    ...
</head>
Run Code Online (Sandbox Code Playgroud)

然后在JS中:

var base = document.getElementsByTagName('base')[0].href;
// ...
Run Code Online (Sandbox Code Playgroud)

或者使用该值设置全局JS变量:

<c:set var="req" value="${pageContext.request}" />
...
<head>
    ...
    <script>var base = '${fn:replace(req.requestURL, fn:substring(req.requestURI, 1, fn:length(req.requestURI)), req.contextPath)}';</script>
</head>
Run Code Online (Sandbox Code Playgroud)

然后它将在你的JS函数中可用.