Динамически добавлять данные в форму публикации

Question

работая с html-формой, используя метод "post", есть ли способ указать браузеру динамически добавлять данные (как только клиент отправляет форму) в публикацию БЕЗ в форме имени элементов ввода пары значений? Не могли бы вы использовать javascript / jquery / ajax, чтобы просто сказать, когда эта форма будет опубликована, добавить несколько символов?

Answer 1

<form id="form1" onsubmit="sbmForm1();return false;">
<input type="text" name="var1" value="value1" />
<input type="text" name="var2" value="value3" />
<input type="submit" name="sbm-btn" value="send" />
</form>

В функции JavaScript sbmForm1 вы можете добавить параметр и отправить их через ajax:

    $.ajax({
        url: 'http://www.yoururl.com/script.php',
        type: 'POST',
        cache: false,
        data: $('#form1').serialize() + '&yournewvar=yournewvalue',
        success: function(msg) {
            location.reload();
        }
    });

Вам нужен jquery для выполнения этого запроса!

Answer 2

Вы можете использовать объект XMLHttpRequest Javascript для этого.Перейдите к документации разработчика Mozilla, чтобы увидеть API этого объекта.

Answer 3

Вы также можете использовать serializeArray (), который позволяет добавлять данные в структуру JSON:

var form = $('#form1');

form = form.serializeArray();

form = form.concat([
    {name: "customer_id", value: window.username},
    {name: "post_action", value: "Update Information"}
]);

$.post('/change-user-details', form, function(d) {
    if (d.error) {
        alert("There was a problem updating your user details")
    } 
});