Отправить 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

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

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@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