将数据附加到表单提交

Question

嘿，所以我试图覆盖表单提交以附加关联对象的动态数据

我有一个html表单，我想要使用ajax

覆盖on sumbit click

$('#form-3').submit(function () {
        var atc = 0;
        OutputData = {};
        $('#alttitlestable').find('tr').each(function () {
            if ($(this).data('value') != undefined {
                OutputData["alttitles" + atc] = $(this).data('value');
                atc++;
            }
        });

        OutputData['alttitlecount'] = atc;

        var ntc = 0;
        $('#alttitlestable').find('.addedtitle').each(function () {
            OutputData["newalttitlename"+ntc] = $(this).find('td input').val();
            OutputData["newalttitletype"+ntc] = $(this).find('td select').val();
            ntc++;
        });

        OutputData['newtitlecount'] = ntc;

        var input = $("<input>").attr({"type":"hidden","name":"outputdata"}).val(OutputData);
        $('#form-3').append(input);
    }); 

但是，当我从formcollection中获取数据时，它返回form [“outputdata”]，它只返回一个字符串[Object object]。

关于如何解决此问题的任何想法？ 此外，它有一个更好的方法来序列化我的值表？