如何使用 Jquery Ajax 提交表单和 JSON 数组

【问题标题】：How to Submit form and JSON Array using Jquery Ajax如何使用 Jquery Ajax 提交表单和 JSON 数组
【发布时间】：2014-08-27 16:14:59
【问题描述】：

我想在一次调用中提交一个表单并将 Json 数组发送回操作方法。

    [HttpPost]
    public ActionResult Add(AddQuoteRequestVM model, List<Item> itemList)
    {
    }

Ajax 代码

   form = jQuery('#createQuoteForm').serialize();


    var ItemList = $.parseJSON( ko.toJSON(viewModel.ItemList()));
    var data = { model: form,itemList: ItemList };
        $.ajax({
            url: "Add",
            type: "POST",
            data: data,

    });

目前，action 方法的两个参数都为 null。

【问题讨论】：

你应该使用$.parseJSON而不是JSON.stringify

标签： jquery asp.net-mvc knockout-2.0

【解决方案1】：

我设法解决了这个问题，方法是在 jquery 对象中包含一个原型方法，serializeObject。以下Link 非常有用。这个方法，返回一个javascript对象，每个属性作为输入字段的名称和值。回传后，json 绑定现在能够映射到模型属性。

$.fn.serializeObject = function () {
    var o = {};
    var a = this.serializeArray();
    $.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;
};

Ajax 更新代码

  form = jQuery('#createQuoteForm').serializeObject();

    var ItemList = $.parseJSON( ko.toJSON(viewModel.ItemList()));
    //var ItemList = ko.toJSON(viewModel.ItemList());
    var data = JSON.stringify({ model: form,itemList: ItemList });
        $.ajax({
            url: "Add",
            type: "POST",
            data: data,
            contentType: 'application/json; charset=utf-8',

    });

【讨论】：