如何从JSP访问javascript中的java对象?

sar*_*ara 9 javascript java jsp

我在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> 
Run Code Online (Sandbox Code Playgroud)

JAVASCRIPT -

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

}
Run Code Online (Sandbox Code Playgroud)

请问有人帮我这个吗?

Lel*_*mbo 15

你不能直接从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>
}
Run Code Online (Sandbox Code Playgroud)

现在当JSP解析它时,它会生成,例如:

var employees = {
  "1": {
    name:"foo",
    cv:"cv1",
  },
  "2": {
    name:"bar",
    cv:"cv2",
  },
}
Run Code Online (Sandbox Code Playgroud)