Помогите разобраться с ajax запросом к servlet

183
05 февраля 2018, 05:06

Есть файл index.html:

<!DOCTYPE html>
<head>
    <meta charset = "UTF-8"/>
    <title>WebTest</title>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        $('document').ready(function(){
            $('#submit').click(function () {
               var name = $('#name').val();
               var color = $('#color').val();
               var years = $('#years').val();
               var daytime = $('#daytime').val();
               $.ajax({
                   type: 'POST',
                   data: {
                       name: name,
                       color: color,
                       years: years,
                       daytime: daytime
                   },
                   url: 'http://localhost:8080/WebTest',
                   success: function (result) {
                       $('#result').html(result);
                   }
               });
            });
        });
    </script>
</head>
<body>
<form >
    <table>
        <tr>
            <td>
                <label for="name">Your name:</label></td>
            <td>
                <input type="text" name="name" id="name" required/></td>
        </tr>
        <tr>
            <td>
                <label for="color">Your favourite color:</label></td>
            <td>
                <select id="color" name="color">
                    <option value="Green">Green</option>
                    <option value="Red">Red</option>
                    <option value="Yellow">Yellow</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>
                <label for="years">You are older than 18 years</label></td>
            <td>
                <input type="checkbox" name="years" id="years" value="18+"/></td>
        </tr>
        <tr>
            <td>Your favourite time of day:</td>
            <td>
                <input type="radio" id="radio-morning" name="daytime" value="Morning"/>
                <label for="radio-morning">Morning</label>
                <br />
                <input type="radio" id="radio-evening" name="daytime" value="Evening"/>
                <label for="radio-evening">Evening</label>
                <br />
                <input type="radio" id="radio-night" name="daytime" value="Night"/>
                <label for="radio-night">Night</label>
                <br />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit" id="submit" name = "submit" value="Send"/>
            </td>
        </tr>
    </table>
</form>
<span id="result"></span>
</body>
</html>

При попытки отправить форму в теге <span id="result"></span>появляется ответ и тут же пропадает, в чём может быть проблема? Вот сервлет

@WebServlet("/WebTest")
public class MyServlet extends HttpServlet{
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("txt/plain");
        String name = req.getParameter("name");
        String color = req.getParameter("color");
        String years = req.getParameter("years");
        String daytime = req.getParameter("daytime");
        if (years == null) {
            years = "18-";
        }
        if (daytime == null)
            daytime = "no favorite time of day";
        if (!name.isEmpty() && name.matches("[A-zА-я]+")) {
            req.setAttribute("name", name);
            req.setAttribute("color", color);
            req.setAttribute("years", years);
            req.setAttribute("daytime", daytime);
            RequestDispatcher dispatcher = req.getRequestDispatcher("index.jsp");
            dispatcher.forward(req, resp);
        } else {
            resp.sendRedirect("view/wrong.jsp");
        }
    }
}
READ ALSO
Стоит ли использовать Spring с Kotlin
Java

Стоит ли использовать Spring с Kotlin

Интересует вопрос, совместимы ли Java ee спецификации и Spring с Kotlin?

 209
Почему не работает Notification?(push уведомление)
Java

Почему не работает Notification?(push уведомление)

Есть у меня Service класс который в какой то момент показывает PushNotification и он прописан в BroadcastReceiverпроверяю на android 4

 250
Android Video chat and server
Java

Android Video chat and server

Я хочу написать что-то типо видеочата между несколькими Android телефонамиПри этом чтобы видеопоток шел напрямую между телефонами(Клиентами),...

 194
Ограничения на ввод JavaFX
Java

Ограничения на ввод JavaFX

Здравствуйте, столкнулся с проблемой при вводе в TextField данныхНеобходимо разрешить ввод только латиницы

 245