Доступ к java объекту из JSP внутри javascript

Question

У меня есть страница jsp, которая содержит объект Person. Мне нужно получить доступ к объекту Person внутри javascript.

Мой JSP код

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

Answer 1

Код между тегами JSP существует только на сервере. Он недоступен в HTML, отправленном клиенту.

Чтобы получить доступ к данным Person в объекте Vue, вам необходимо «напечатать» данные 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.