Как задать отправляемые данные вручную?

Question

[lyrion]

Всегда оправлял через ajax, а сейчас появилась необходимость отправить данные формы напрямую, без ассинхрона. Есть такой код:

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

Как через js задать тело запроса, чтобы при нажатии Submit отправилось например "test_sent='hello world'" и меня редирекнтуло на test.php?

Comments

[DanKud]

Не совсем понял, что вам нужно, но форма есть форма, что через AJAX, что обычным способом будет выглядеть так:

<form action="test.php" method="post">
    <input type="text" name="test_sent" value="hello world">
    <input type="submit">
</form>

[lyrion]

DanKud, это понятно, но мне нужно через js. Я программно генерирую объект, преобразую его в строку. Нужно отправлять его.

[DanKud]

lyrion, в обычной отправке формы при нажатии на кнопку отправляются только те данные, которые есть в форме. Ничего дополнительно добавить в тело запроса нельзя. Просто добавьте скрытое поле с нужными вам данными:

<input type="hidden" name="test_sent" value="сюда_динамически_через_JS_добавляете_нужные_данные">

[Виктор К]

Собрать данные с формы можно так:
var values = $("#urform").serialize();
модифицировать их можно так:

values += "&test_sent=" + encodeURIComponent("hello world");//для такой строки не нужно, но вообще делать так надо

По поводу подхода:
1) Вы делаете редирект скриптом - в этом случае, вы делаете ajax запрос, по его результатам делаете редирект

$.ajax({
    type: "POST",
    url: "ваш урл",
    data: values,
    dataType: "json",
    success: function(data) {
        //здесь в data ваш ответ сервера
        //можно писать location.href="ваш урл для редиректа"
    },
    error: function() {
        alert('здесь ошибки обработать');
    }
});

2) Вы хотите чтобы редиректил сервер - тогда вы модифицируете саму форму перед отправкой.

let button  = document.getElementById("your-button");//ваша кнопка, которая отправляет форму
button.onclick(function(){
	let form = document.getElementById("your-form");//ваша форма
	let input = document.createElement("input");
	input.type = "text";
	input.name = "test_sent";
	input.value = "hello world";
	form.appendChild(input);
        form.submit();
}

[lyrion]

Виктор К, а розве при таком ajax запросе произойдет редирект по url-у?

[lyrion]

DanKud, да, отличный вариант, спасибо)

[Виктор К]

lyrion, тут оба варианта упомянуты, если что. И так и так