如何从 JSP 访问 JavaScript 中的 Java 对象 [重复]

Question

我在 JSP 中有一个下拉框，列出了一个 Java 对象（通过 MVC 控制器的 addAttribute 访问该对象）。现在，在从下拉框中选择一个选项时，我想在 div 中显示所选员工的其他详细信息（例如 - ${employee.employeeCV}、${employee.employeeName}）。我有一个 JavaScript 函数（displayCV()）。但我不知道该怎么做。

JSP -

<c:forEach items="${employees}" var="employee">
  <option value="${employee.id}" onclick="displayCV();">
    ${employee.employeeName}
  </option>
</c:forEach>

<b>CV:</b>

JavaScript

function displayCV() {
    var valueSelected = $('#employeeList').val();
    var div = $('#candidateDiv');
}

我该怎么做？

Answer 1

LeleDumbo 已经说过 here 的元数据：

首先，您必须了解 JSP 是一种服务器端视图技术，而 JavaScript 通常运行在客户端（浏览器）上。

现在，您如何解决手头的问题。因此，您可以从您的 JavaScript 代码发出 Ajax 请求，该请求将以 JSON/XML 格式获取数据。然后，您可以使用 JavaScript 在浏览器中显示该数据。

延伸阅读： jQuery Ajax API and code samnple snippets

Answer 2

在 select 的 onchange 事件而不是选项的 onclick 事件上调用该函数。并使用：

document.getElementById('GrdDamagedstock_tplRowEdit_ctl00_cmbFromBin').options[ele.options.selectedIndex].innerHTML;

获取选定的值。

Answer 3

您不能直接从 JavaScript 访问 Java 类。您必须在 JavaScript（客户端）和 Java（服务器）之间使用某种 Web 服务通信。您可以使用 onchange 事件，该事件将向服务器发送请求以返回 XML/JSON，您可以对其进行解析以获取数据（我看到您正在使用 jQuery，并且它已经具有 parseJSON 方法）并更新相应的节点在 DOM 中。

不过，另一种更简单的方法，即对多用户不友好（因为它无法检测更新）是将 Java 对象“转换”为 JavaScript 并使用该对象更新数据（仍然使用 onchange）。比如：

// This is JavaScript code written in the JSP
var employees = {
  <c:forEach items="${employees}" var="employee">
  "${employee.id}": {
    name:"${employee.employeeName}",
    cv:"${employee.employeeCV}",
  },
  </c:forEach>
}

现在当 JSP 解析这个时，它会生成，例如：

var employees = {
  "1": {
    name:"foo",
    cv:"cv1",
  },
  "2": {
    name:"bar",
    cv:"cv2",
  },
}