Метод POST посредством javascript

@Андрей1981 · Регистрация: 05.06.2016

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Пытаюсь реализовать метод POST, который будет отправлять данные на сервер. Данные, в свою очередь, вводятся в поля формы. Форма передается в качестве параметра функции, в которой реализуется POST

Форма с кнопкой

HTML5
1
2
3
4
5
6
7
<div class="modal" id="modalDialog">
<form name="modalwindowpush">
    <input type="text" name="title">
    <input type="text" name="content">
</form>
<input type="submit" value="Закрыть" onclick="modal_close()">
<input type="submit" value="Сохранить" onclick="add_element() && add_post(modalwindowpush)">

Функция

JavaScript
1
2
3
4
5
6
7
8
function add_post(obj) {
        var req = new XMLHttpRequest();
 
        var body = "title=" + encodeURIComponent(obj.title) + "&content=" + encodeURIComponent(obj.content);
        req.open("POST", 'PushNewsServlet', true);
        req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        req.send(body);
    }

Но в итоге данные не отправляются на сервер... В консоли хрома вижу ошибку 405

До этого, когда реализовывал запрос через чистый html в форме запрос уходил и обрабатывался сервером без ошибки. Данные подгружались в базу.

@MrOnlineCoder · 01.12.2018, 21:32

Сообщение от Андрей1981

В консоли хрома вижу ошибку 405

405 это Method Not Allowed. Сервер правильно настроен?

Посмотрите в консоли хрома, какое тело и заголовки исходящего запроса.

@Андрей1981 · 01.12.2018, 21:50 **[ТС]**

Более конкретно
Failed to load resource: the server responded with a status of 405 ()

До этого с теми же настройками сервера, но другим способом - через html - , ошибка не вылетала...

@MrOnlineCoder · 01.12.2018, 22:18

Андрей1981, перед PushNewsServlet / не нужен (req.open("POST", '/PushNewsServlet', true);)?

В консоли хрома перейдите на вкладку Network и скиньте детали этого запроса.

@Андрей1981 · 01.12.2018, 23:34 **[ТС]**

перед PushNewsServlet / не нужен (req.open("POST", '/PushNewsServlet', true)

?

Не, попробовал не помогло. Раньше без слэша отправлял успешно запрос.

Во вложении выложил все, что вижу в Network

@MrOnlineCoder · 02.12.2018, 01:20

Андрей1981, как видно в консоли, ответ 405 идет на запрос браузера загрузки иконки (favicon.ico), а не на ваш запрос. Чтобы увидеть свой запрос в этом списке, нужно открыть консоль и с открытою консолью перезагрузить страницу.

@Андрей1981 · 02.12.2018, 23:33 **[ТС]**

MrOnlineCoder, сделал так, но выводит
GET http://localhost:8080/favicon.ico 405 ()

@MrOnlineCoder · 03.12.2018, 00:11

Андрей1981, можете добавить обработчик на https://developer.mozilla.org/... tatechange (выводить через console.log req.status / req.responseText), и посмотреть, отправляется ли запрос вообще и какой отве.

@Андрей1981 · 03.12.2018, 21:31 **[ТС]**

MrOnlineCoder, я уже использовал эту возможность, но результат тот же GET http://localhost:8080/favicon.ico 405 ()

Может, я выложу полный код?

@MrOnlineCoder · 03.12.2018, 22:53

Сообщение от Андрей1981

Может, я выложу полный код?

Давайте, это надо было первым делом сделать

@Андрей1981 · 03.12.2018, 23:28 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>newsPage</title>
 
    <meta charset="utf-8">
    
    <script type="text/javascript">
 
        function modal_open() {
            var modalWind = document.getElementById('modalDialog');
            modalWind.style.display = 'block';
            document.getElementById("button_modal").disabled = true;
        }
 
        function modal_close() {
            var modalWind = document.getElementById('modalDialog');
            modalWind.style.display = 'none';
            document.getElementById("button_modal").disabled = false;
        }
 
        function add_element() {
            var parent = document.getElementById('component');
            var newelem = document.createElement('form');
            var title = document.createElement('input');
            var content = document.createElement('input');
            newelem.appendChild(title);
            newelem.appendChild(content);
            parent.appendChild(newelem);
            
        }
 
        function add_post(obj) {
            var req = new XMLHttpRequest();
            var title = obj.title.value;
            var content = obj.content.value;
 
            var body = "title=" + encodeURIComponent(title) + "&content=" + encodeURIComponent(content);
 
            req.open('POST', '/PushNewsServlet', true);
            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            req.send(body);
 
            req.onreadystatechange = function () {
                if(req.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
                    console.log(req.responseText);
                };
            };
        }
 
    </script>
</head>
 
<body>
<div>
    <form>
        <input type="button" id="button_modal" value="Добавить" onclick="modal_open()"/>
    </form>
</div>
 
<div id="component">
 
</div>
 
<div class="modal" id="modalDialog">
    <form method="post" name="modalwindowpush">
        <input type="text" name="title">
        <input type="text" name="content">
    </form>
    <input type="submit" value="Закрыть" onclick="modal_close()">
    <input type="submit" value="Сохранить" onclick="add_element() && add_post(modalwindowpush)">
 
</div>
</body>
 
</html>

На всякий случай код сервлета

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
@WebServlet("/")
public class PushNewsServlet extends HttpServlet {
 
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
 
        //Классы базы
        PushModifier pushModifier = new PushModifier();
 
        //Запись в базу
        if (request.getParameter("putInApp") != null) {
 
            Pushdata pushdata = new Pushdata();
 
            //Получение параметров в базу с запросом
            pushdata.setTitle(request.getParameter("title"));
            pushdata.setContent(request.getParameter("content"));
 
            pushModifier.savePushdata(pushdata);
 
            RequestDispatcher requestDispatcher = request.
                    getRequestDispatcher("/newsPage.jsp");
            requestDispatcher.forward(request, response);
 
        }
 
    }
}

@MrOnlineCoder · 03.12.2018, 23:46

Андрей1981, ухх, я что-то сразу и не заметил, ошибка здесь:

JavaScript
1
onclick="add_element() && add_post(modalwindowpush)"

вызовы функций нельзя объединять оператором И (&&), верно будет так:

JavaScript
1
onclick="add_element(); add_post(modalwindowpush)"

@Андрей1981 · 04.12.2018, 08:46 **[ТС]**

MrOnlineCoder,
спасибо, исправил, но не помогло

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@Андрей1981 0 / 0 / 0 Регистрация: 05.06.2016 Сообщений: 128
	01.12.2018, 21:50 [ТС]
	Более конкретно Failed to load resource: the server responded with a status of 405 () До этого с теми же настройками сервера, но другим способом - через html - , ошибка не вылетала... 0

@MrOnlineCoder Всегда онлайн 1084 / 788 / 295 Регистрация: 07.04.2013 Сообщений: 2,703
	01.12.2018, 22:18
	Андрей1981, перед PushNewsServlet / не нужен (req.open("POST", '/PushNewsServlet', true);)? В консоли хрома перейдите на вкладку Network и скиньте детали этого запроса. 0

@MrOnlineCoder Всегда онлайн 1084 / 788 / 295 Регистрация: 07.04.2013 Сообщений: 2,703
	02.12.2018, 01:20
	Андрей1981, как видно в консоли, ответ 405 идет на запрос браузера загрузки иконки (favicon.ico), а не на ваш запрос. Чтобы увидеть свой запрос в этом списке, нужно открыть консоль и с открытою консолью перезагрузить страницу. 0

@Андрей1981 0 / 0 / 0 Регистрация: 05.06.2016 Сообщений: 128
	02.12.2018, 23:33 [ТС]
	MrOnlineCoder, сделал так, но выводит GET http://localhost:8080/favicon.ico 405 () 0

@MrOnlineCoder Всегда онлайн 1084 / 788 / 295 Регистрация: 07.04.2013 Сообщений: 2,703
	03.12.2018, 00:11
	Андрей1981, можете добавить обработчик на https://developer.mozilla.org/... tatechange (выводить через console.log req.status / req.responseText), и посмотреть, отправляется ли запрос вообще и какой отве. 0

@Андрей1981 0 / 0 / 0 Регистрация: 05.06.2016 Сообщений: 128
	03.12.2018, 21:31 [ТС]
	MrOnlineCoder, я уже использовал эту возможность, но результат тот же GET http://localhost:8080/favicon.ico 405 () Может, я выложу полный код? 0

@Андрей1981 0 / 0 / 0 Регистрация: 05.06.2016 Сообщений: 128
	04.12.2018, 08:46 [ТС]
	MrOnlineCoder, спасибо, исправил, но не помогло 0