動態附加數據以形成表格

Question

使用帶有“ post”方法的html表單，是否有一種方法指示瀏覽器向表單動態添加數據（一旦客戶端將表單發布），而不用輸入元素名稱/值對的形式添加數據？ 您能使用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")
    } 
});