Как отправить post запрос JS c переходом к файлу?

Question

[Александр Маджугин]

Вопрос аналогичен Отправить post запрос JS c переходом к файлу? только там ответа на него нет. А он нужен.

НЕ AJAX.
Т.е. мне нужно имитировать отправку формы, имея на руках объект js для отправки!

Для умников предлагающих отправлять форму средствами браузера, другой вопрос:
Как сгенирировать форму из js Объекта произвольной степени вложенности?
Например:

{"REQUESTID":"3","OFFERS":{"3":[{"UNITID":"24","EXEQUIP":[],"PRICE":"3","AMOUNT":"44","AMOUNTUNIT":undefined}],"4":[{"UNITID":"13","EXEQUIP":[],"PRICE":"15","AMOUNT":"95","AMOUNTUNIT":"shift"}],"5":[]}}

UPD:
Обосновываю тег Vue:
Js объект формируется достаточно непростым компонентом на vue, таким что невозможно или очень тяжело, превратить его в форму, так как некоторые дочерние его компоненты эмитят значения-объекты. Общее количество слоев эмиссии 5.

Comments

[WapSter]

Есть там ответ, form отправляет по умолчанию к файлу на который ссылаешься и js тут вообще не причем

[Александр Маджугин]

WapSter, я же спрашиваю про js наверное не просто так, да?
На поставленный вопрос там ответа нет.

[WapSter]

Александр Маджугин, ок удачи спрашивай дальше с таким подходом)

[Александр Маджугин]

WapSter, с каким подходом? Задан конкретный вопрос - как сделать это с помощью JS.
Дана ссылка где дан ответ который ты предлагаешь, и под ней написано что ЭТОТ ОТВЕТ НЕ ПОДХОДИТ, потому что он не отвечает на поставленный вопрос - он решает ДРУГУЮ проблему.
Ты все равно утверждаешь, что там ответ есть.
Как я должен на это реагировать?

Answer 1

[Alex]

Если так как вы хотите, то никак.

У JS есть апи для выполнения запросов. Тут вы можете указать метод, какие данные нужно передать и как обработать ответ от сервера. Что, как вы написали вам не подходит.

У JS так же есть апи для выполнения переходов по адресу. Но, любой переход — это всегда GET запрос. Что вам тоже не подходит.

У JS нет такого волшебной функции чтобы выполнить переход куда-то и указать метод обращения и какие данные должны быть переданы в теле обращения.

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

Comments

[Александр Маджугин]

У JS нет такого волшебной функции чтобы выполнить переход куда-то и указать метод обращения и какие данные должны быть переданы в теле обращения.

Если этот так - то это ответ.

Возможно правильный вопрос был бы есть ли такой метод.

Тогда моё решение будет таким:

Выполнить над объектом следующее преобразование:

btoa(unescape(encodeURIComponent(JSON.stringify(this.values))))

Получив единую строку с данными, и передать ее созданием формы, с единственным input, или уже просто с помощью GET.

Answer 2

[twobomb]

<form action="test.php" method="POST">
<input type="submit">
</form>

Comments

[Александр Маджугин]

Слово Js и теги ты не увидел в заголовке?

[twobomb]

Александр Маджугин, Я смотрю на вопрос, а не на теги

[Александр Маджугин]

twobomb, в вопросе написано буквально

Как отправить post запрос JS c переходом к файлу?

[twobomb]

Александр Маджугин,
'window.location
ajax

[Михаил]

Александр Маджугин,

js

не ajax

ват?

[Александр Маджугин]

Михаил, под ajax обычно понимается отправка запроса с помощью Js, принятие ответа и обработка его. Все это без перезагрузки страницы. Мне надо с помощью Js имитировать отправку формы браузером - т.е. перейти к дурдому url отправив туда данные методом POST.

[Михаил]

Александр Маджугин, ща попробуем

[Михаил]

Александр Маджугин,

<input type="text" name="OFFERS[3][0][UNITID]" value="24">

как вариант, php парсит

[Александр Маджугин]

Михаил, да, это понятно. Но как преобразовать этот js Объект в такую форму? Т.е. нужна какая-то мегазамысловатая функция генерации html формы из объекта, потом встраивать этот form в страницу и его сабмит - жесть какая-то.

[Михаил]

Александр Маджугин, ну дэ

Answer 3

[v3shin]

1. Преобразуем объект в FormData: https://stackoverflow.com/questions/22783108/conve...
2.

fetch(url, {
    method: 'POST',
    body: formData,
})
    .then(response => response.json())
    .then(result => { ... });