從 JSP 內部的 javascript 訪問 java object

Question

我有一個 jsp 頁面，其中包含一個 object 人。 我需要訪問 javascript 中的 Person object。

我的 JSP 代碼

<%
 Person person = new Person();
 person.setName("Towhid");
 person.setAddress("BD");
%>
<script>
    var person;
</script>

Answer 1

JSP 標簽內的代碼僅存在於服務器上。 它在發送給客戶端的 HTML 中不可用。

要訪問 Vue object 中的Person數據，您需要將 Person 數據“打印”到 script 標簽中。 例如：

<%
 Person person = new Person();
 person.setName("Towhid");
 person.setAddress("BD");
%>
<script>
    new Vue({
        el: '#app',
        data: {
          personName: '<%=person.getName()%>'
          personAddress: '<%=person.getAddress%>'
        }
    });
</script>

請注意，這種方法是演示如何完成，而不是應該如何完成。 上述方法容易受到 XSS 攻擊，因為手工制作的 JSON 數據未正確轉義。 要正確執行此操作，您需要使用 JSP 標記將人員內容轉義到 JSON，或者使用可以將人員數據提供為 JSON 的序列化技術。