javascript - 在网页上同时使用 JSP 和 Javascript 的设计模式

Question

我目前正在使用 HTML/CSS、JSP/Servlet 和 Javascript 实现一个网站。JSP 根据 session 值(例如，根据用户当前是否登录)控制应生成页面的哪一部分，而 Javascript 对生成的文档的元素(例如 div 部分)进行一些操作。

但是，当由于 JSP 代码中的条件而未生成 div 部分时，我在使用 Javascript 中的文档 div id 值时遇到了问题。

例如，一个页面有两个部分，根据 session 值条件，JSP 只会生成其中一个部分。还有一个 Javascript 文件，其中包含一组函数，可使用 div 标签或其子标签的“id”应用于每个部分。但由于 JSP 不会生成所有部分，因此 Javascript 使用的某些“id”在返回的 HTTP 请求中不存在。下面的代码片段显示了一个示例。JSP文件如下。

<script src="script.js"></script>
...
<%
  if(some condition) {
%>
    <div id="someID"></div>

如下所示，script.js 有一些应用于“someID”的函数来发出一些 html 并对其应用操作。但如果不满足 JSP 条件，someID 将不存在，从而产生使用未识别 id 的 Javascript 错误。

$function() {
  $('#someID').html( ..... )
}

这个问题相当冗长，但简单地说，“我想有条件地从 JSP 生成 HTML 的某些部分，并使用 Javascript 对生成的部分应用一些操作。但是由于条件，div 部分的 id 不是从 JSP 生成的，而是由 Javascript 使用，它会生成一个错误。我该如何设计这个？”

谢谢。

Answer 1

您可以简单地通过 JavaScript 检查元素是否存在以避免错误:

if($('#someID').length > 0)) {
    $('#someID').html( ..... )
}