javascript - 基于应用程序的 Web 或移动 View 限制 JSP 内容

Question

在我的 JSP 页面中，我包含另一个 JSP，并且我想根据移动或 Web 源页面的 View 来限制它。

<%@include file="/templates/jsp/header/search.jsp" %>

这是我的 include 语句，我有一个 JavaScript 函数可以确定是否是桌面 View 。下面是我的 JS 函数:

function isDesktopView(){
    if (bootstrapEnv == "lg" || bootstrapEnv == "md") {
        return true;
    }
}

我正在尝试类似的事情

<s:if test = "%{isDesktopView()}">
    <%@include file="/templates/jsp/header/search.jsp" %>
</s:if>

Answer 1

正如 @AxelH 在评论中所述，您正在混合 JS 和 JSP。 JSP在页面发送到浏览器之前在服务器端运行，JS由浏览器在客户端执行。如果您希望页面包含在服务器端，则可能需要在发送的请求上附加一个参数 (mypage/home?isDesktopView=true)。在 Controller 中，您可以将参数添加到 View 中，然后您可以使用必须确定要包含哪个 header 的代码。

<s:if test = "%{isDesktopView()}">
    <%@include file="/templates/jsp/header/search.jsp" %>
</s:if>

另一个解决方案是在加载页面时检查屏幕尺寸(JS)，然后将正确的内容加载到 div 中。这意味着两个单独的请求，但都能完成工作。不过，如果您尝试包含页面标题，我不会推荐这样做。

$(function() {
    if(bootstrapEnv == "lg" || bootstrapEnv == "md") {
        $('#myDiv').load('/templates/jsp/header/search');
    }
});