Java | Вопросы собесов on Telegram: “🤔 Можно ли использовать Javascript на JSP стран…”

🤔 Можно ли использовать Javascript на JSP странице?

Да, вы можете использовать JavaScript на JSP-странице. JSP (JavaServer Pages) и JavaScript выполняются на разных уровнях: JSP обрабатывается на сервере и генерирует HTML-код, который затем отправляется клиенту, где JavaScript выполняется на стороне клиента в браузере. Таким образом, можно комбинировать JavaScript и JSP для создания динамичных и интерактивных веб-страниц.

🚩Пример использования JavaScript на JSP-странице

🟠Вставка JavaScript в JSP
Вы можете включать JavaScript внутри тегов <script> в вашем JSP-коде, как в обычной HTML-странице. JavaScript-код включен в секцию <head>. Функция showAlert вызывается при нажатии кнопки.

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Пример использования JavaScript на JSP</title>
    <script type="text/javascript">
        function showAlert() {
            alert("Это сообщение от JavaScript!");
        }
    </script>
</head>
<body>
    <h1>Пример использования JavaScript на JSP</h1>
    <button onclick="showAlert()">Нажмите меня</button>
</body>
</html>

🟠Использование данных с сервера в JavaScript
Вы можете использовать JSP для динамической генерации JavaScript-кода, вставляя данные с сервера. JSP-код вставляет значение переменной message из сервлета в JavaScript. Функция showMessage выводит это сообщение с помощью alert.

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String message = "Привет, это сообщение от сервера!";
%>
<html>
<head>
    <title>Пример использования данных с сервера в JavaScript</title>
    <script type="text/javascript">
        function showMessage() {
            var message = "<%= message %>";
            alert(message);
        }
    </script>
</head>
<body>
    <h1>Пример использования данных с сервера в JavaScript</h1>
    <button onclick="showMessage()">Показать сообщение</button>
</body>
</html>

🟠Взаимодействие с сервером с помощью AJAX
Вы можете использовать JavaScript (особенно AJAX) для асинхронного взаимодействия с сервером, отправляя запросы и получая данные без перезагрузки страницы.

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Пример AJAX с использованием JSP</title>
    <script type="text/javascript">
        function loadMessage() {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", "message.jsp", true);
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    document.getElementById("message").innerHTML = xhr.responseText;
                }
            };
            xhr.send();
        }
    </script>
</head>
<body>
    <h1>Пример AJAX с использованием JSP</h1>
    <button onclick="loadMessage()">Загрузить сообщение</button>
    <div id="message"></div>
</body>
</html>

JavaScript использует объект XMLHttpRequest для отправки асинхронного запроса к message.jsp.
Ответ от сервера отображается в элементе с id message.

<%@ page contentType="text/plain;charset=UTF-8" language="java" %>
<%
    out.print("Сообщение от сервера: " + new java.util.Date());
%>

Ставь 👍 и забирай 📚 Базу знаний