Jquery 序列化表单并向其附加字符串列表

我正在尝试序列化我的表单，但由于某些原因，我无法使它工作。表单的序列化正在运行。但问题是，我需要在之后添加一个列表，因为它不是表单的一部分，当执行此操作时，当它到达我的控制器端点时，我的模型为空

        var valdata = $("#CreateForm").serialize();  

        var elements = document.querySelectorAll('#productCheckbox:checked');
        var checkedElements = Array.prototype.map.call(elements, function (el, i) {
            return el.name;
        });

        if (checkedElements.length == 0) {
            alert('You must select at least one product');
            return
        }

        var data = {
            model: valdata,
            products: checkedElements
        };

        $.ajax({
            url: '/Product/Create',
            type: 'post',
            dataType: 'json',
            data: data,
            success: function (data) {
                console.log('Success: ' + JSON.stringify(data))
            },
            error: function (data) {
                console.log('Error: ' + JSON.stringify(data))
            }
        });

我正在点击的控制器的功能：

public ActionResult Create(Model model, object products)

对象产品工作正常，但模型为

null

有人对如何解决这个问题有什么建议吗？：-）

请不要介意对象的名称，例如Model，它在我们的项目中被命名为其他名称。

数据参数只是一个URL编码的字符串。您可以随意附加到它

例如：

data: $('#myForm').serialize() + "&moredata=" + morevalue

查看下面的链接了解更多详细信息

这里是一个演示：

型号：

public class Model 
    {
        public int Id { get; set; }
        public string Name { get; set; }

    }

视图：

我有一辆自行车


我有一辆车


我有一条船

js（我将表单数据转换为模型）：

函数postdata（）{
var valdata=$（“#CreateForm”）.serializeArray（）；
var returnModel={}；
对于（var i=0；i

结果:

<form id="CreateForm">
    <input name="Id" />
    <input name="Name" />
    <input type="button" value="submit" onclick="postdata()" />
</form>
<input type="checkbox" id="productCheckbox" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label>
<br>
<input type="checkbox" id="productCheckbox" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label>
<br>
<input type="checkbox" id="productCheckbox" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label>
<br>

<script>
        function postdata(){
            var valdata = $("#CreateForm").serializeArray();
            var returnModel = {};
            for (var i = 0; i < valdata.length; i++) {
                returnModel[valdata[i]['name']] = valdata[i]['value'];
            }
            

        var elements = document.querySelectorAll('#productCheckbox:checked');
        var checkedElements = Array.prototype.map.call(elements, function (el, i) {
        return el.name;
        });

        if (checkedElements.length == 0) {
        alert('You must select at least one product');
        return
        }

        var data = {
        model: returnModel,
        products: checkedElements
        };

        $.ajax({
        url: '/Test/Create',
        type: 'post',
        dataType: 'json',
        data: data,
        success: function (data) {
        console.log('Success: ' + JSON.stringify(data))
        },
        error: function (data) {
        console.log('Error: ' + JSON.stringify(data))
        }
        });
        }
    </script>