javascript - 如何在 Jquery 中将 MVC 表单序列化为 JSON

Question

我想使用 JQuery 将我的 MVC 表单序列化为 JSON，然后想反序列化一些值，例如 C# 后端的输入字段的值，但我无法在 json 中序列化它...请帮助我解决这个问题。以下是我的代码。

<script type="text/javascript">
    $(function () {

        $('#btnsearch').click(function (e) {

            var searchname = $('#txtsearch').val();

            var form = $(this).serializeArray();

            DrawTable(form);
        });



        function DrawTable() {
            var props = [];
            props.push({ name: "FirstName", value: firstname });
            BindDataTable({ AllowPaging: true, ShowFilter: false, ShowEditLink: true, EmptyTableText: 'No Data Found', SortIndex: 0, SortDirection: "asc" },
                              "#tblCustomers",
                              "@Url.Action("GetAllCustomers", "Customer")",
                              props,
                              [{ name: "Id", cellClass: "alignCenter", Sortable: true, index: 0 }, { name: "FirstName" }, { name: "ABN" }, { name: "Phone" }, { name: "Email" }, { name: "Address1" }, { name: "City" }, { name: "Country" }],
                              [{ name: "Id", type: "anchor", title: 'customerTable', viewtitle: 'View', link: '@Url.Action("Edit", "Customer")', index: 0 }]);

        } 

       // DrawTable(data);
        //$('#myInputTextField').on('keyup', function () {
        //    oTable.search($(this).val()).draw();
        //});



    });

        </script>

Answer 1

是的，这是一个很老的问题，有很多类似的问题和答案:

• Serialize form data to JSON
• Convert form data to JavaScript object with jQuery

但这是专门针对 Asp.MVC 提出的问题:我已经测试了大部分答案，但它们无法序列化按照 Asp.mvc 工作方式编码的表单，当存在 Asp 的列表类型属性时.MVC 表单编码为

   TheProperty[1].SubProperty=Value
   TheProperty[2].SubProperty=Value

唯一正确处理这种情况的序列化程序是 this , 当配置选项时

{ associativeArrays: false }

(感谢 raphaelm22 提供的解决方案!)