如何將表單作為JSON對象提交

Question

我正在做的是使用JSON創建一個表單，然后可以編輯該表單並生成新的JSON對象。 我遇到的問題似乎是獲取表單ID。 我用來返回JSON對象的代碼是：

form = document.forms[0];
$.fn.serializeObject = function()
{
    alert("start serializeObject");
    var o = {};
    var a = this.seralizeArray();
    $.each(a, function(){
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
    alert(o);
};

$(function() {
    alert("here");
    form.submit(function(){
        result.append(JSON.stringify(form.serializeObject()));
        return false;
    });
});

這只是刷新頁面我不知道為什么。 此程序不在服務器上，不能在服務器上使用。 通過這個我的意思是只有每一個都將在本地機器上本地運行，沒有apache2設置。

謝謝。

Answer 1

你可以很容易地編寫代碼。 我是這樣做的：

阿賈克斯：

$('#formID').on('submit',function () {
    $.ajax({
        url: 'submit.php',
        cache: false,
        type: 'POST',
        data : $('#formID').serialize(),
        success: function(json) {
            alert('all done');
        }
    });
});

如果您沒有使用Ajax發送它，為什么要這樣做呢？ 如果您只是提交表單，可以使用PHP這樣做：

<?php
$json_object = json_decode($_POST);
?>

Answer 2

$('#formID').on('submit',function (e) {
    e.preventDefault();
    $.ajax({
        url: 'submit.php',
        cache: false,
        type: 'POST',
        data : $('#formID').serialize(),
        success: function(json) {
        alert('all done');
    }
    });
});

如果你不想重定向或刷新使用e.preventDefault（）;