js 里不能使用${pageContext.request.contextPath}解决方案

在 JSP 页面中通常我们使用 ${pageContext.request.contextPath} 来获得当前项目的根目录。

但是我们在 js 文件里是无法使用这个。

function checkUsername() {
    $.ajax({
        async: false,
        type: "POST",
        url: '/admin/user/isUsernameExisted',
        data: {"username": $("#username").val()},
        dataType: "json",
        success: function (data) {
            if(data.code == 1) {
                //$.alert('用户名已存在', '警告');
                return false;
            }
        },
        error: function () {}
    })
    return false;
}

 

上面的例子的 URL 中的 / 表示根目录，通常我们会使用 ${pageContext.request.contextPath} 来获得根目录（包括项目名称），但是在 js 文件里不能使用。

所以，我们可以采取一种方法。

解决方法

在 jsp 或 html 页面里，加一段代码

"PageContext" type="hidden" value="${pageContext.request.contextPath}" />

在 js 里可以使用 $("#PageContext").val() 来表示 ${pageContext.request.contextPath}

 

现在 url 就可以这样写了

url: $("#PageContext").val()+'/admin/user/isUsernameExisted',