Отправить Post запрос средствами JavaScript

@ChildOfFlowers · Регистрация: 16.04.2012

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

Собственно сабж.
Пробовал сделать втупую:

HTML5
1
2
3
4
5
<form id = 'manForm' action = 'man.php' method = 'post' hidden = 'true'>
<input name = 'act' id = 'act'>
<input name = 'id' id = 'id'>
<input name = 'type' id = 'type'>
</form>

JavaScript
1
2
3
4
5
6
7
8
9
10
function cpDelPage()
{
    var actField = document.getElementById("act");
    var idField = document.getElementById("id");
    var manForm = document.getElementById("manForm");
    
    actField.value = "del";
    idField.value = pageId;
    manForm.submit();
}

Что-то не прокатило. Такое впечатление, что код выполняется асинхронно, и запрос отправляется раньше, чем заполняются поля.
Я знаю, что можно отправить запрос не создавая форму, только средствамиJS. Что-то с использованием XMLHTTPRequest вроде... Но почему-то в интернете не нашёл внятного объяснения, как это сделать, там всё предлагают какие-то невероятные конструкции, выходящие за пределы моего понимания...

Добавлено через 2 часа 16 минут
Вот нашёл на киберфоруме же нашёл: Отправка post запроса
Вопрос в шестой и седьмой строке. Понятно, что в одной из них адрес, по которому отправляется запрос. Но в какой? и что тогда во второй?

Добавлено через 25 минут
Блин... всё-таки мой первый способ оказался рабочий, просто я не те параметры отправлял :-)
Но вопрос всё равно остаётся открытым. Как отправить такой запрос не создавая скрытую форму?

@XRoy · 20.05.2015, 16:52

ChildOfFlowers,
При помощи ajax можно отправить не создавая форму

@alexsamos33 · 20.05.2015, 17:19

1. Создаём объект var xhr = new XMLHttpRequest();
2. Задаём параметры var params = 'name=' + encodeURIComponent("имя");
3. Открываем запрос * * xhr.open("POST", "/upload_result", true)
4. Отправляем заголовки * * xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
5. Отправляем параметры * * xhr.send(params);

@ChildOfFlowers · 20.05.2015, 17:36 **[ТС]**

А что за "/upload_result"?

@alexsamos33 · 20.05.2015, 17:37

Сообщение от ChildOfFlowers

А что за "/upload_result"?

URL к вашему скрипту, куда отправить форму. Типа action у <form>

@ChildOfFlowers · 20.05.2015, 18:48 **[ТС]**

а что тогда 'application/x-www-form-urlencoded'?

@alexsamos33 · 20.05.2015, 19:16

Сообщение от ChildOfFlowers

а что тогда 'application/x-www-form-urlencoded'?

Какие-то глупые вопросы. Это тип отправляемых данных.
Вот почитай:
1) https://ru.wikipedia.org/wiki/POST_%28HTTP%29
2) https://ru.wikipedia.org/wiki/XMLHttpRequest

@ChildOfFlowers · 21.05.2015, 09:53 **[ТС]**

Сообщение от alexsamos33

Какие-то глупые вопросы

Не такие уж глупые для человека, который с этим сталкивается впервые...

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	20.05.2015, 16:52
	ChildOfFlowers, При помощи ajax можно отправить не создавая форму 0

@alexsamos33 669 / 640 / 335 Регистрация: 26.04.2014 Сообщений: 2,122
	20.05.2015, 17:19
	1. Создаём объект var xhr = new XMLHttpRequest(); 2. Задаём параметры var params = 'name=' + encodeURIComponent("имя"); 3. Открываем запрос * * xhr.open("POST", "/upload_result", true) 4. Отправляем заголовки * * xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') 5. Отправляем параметры * * xhr.send(params); 1

@ChildOfFlowers 15 / 14 / 9 Регистрация: 16.04.2012 Сообщений: 1,090
	20.05.2015, 17:36 [ТС]
	А что за "/upload_result"? 0

@ChildOfFlowers 15 / 14 / 9 Регистрация: 16.04.2012 Сообщений: 1,090
	20.05.2015, 18:48 [ТС]
	а что тогда 'application/x-www-form-urlencoded'? 0