Question

您好我有一个带有一些输入字段和数据表的网页来处理一些客户端操作。我正在使用ASP MVC来控制服务器端进程，而且我非常关注如何使用数据表中的某些字段提交表单。

简单地说，我的页面如下所示。

<form id="formID" action="test" class="form-horizontal">
    <select class="form-control valid" data-val="true" id="SelectedCustomerID" name="SelectedCustomerID">
        <option value="">choose customer ... </option>
        <option value="1">test</option>
    </select>

    <table>
        <tbody>
            <tr>
                <input type="number" name="row-1-input1" id="row-1-input1" class="input-xs" value="2">
                <input type="number" name="row-1-input2" id="row-1-input2" class="input-xs" value="test">
            </tr>
            <tr>
                <input type="number" name="row-2-input1" id="row-2-input1" class="input-xs" value="3">
                <input type="number" name="row-2-input2" id="row-2-input2" class="input-xs" value="test2">
            </tr>
        </tbody>
    </table>

    <button type="submit" class="btn yellow-gold add">add</button>
</from>

我正在努力如何提交此表单并传递所有输入字段来处理表中的输入字段。

如何使用ajax提交表单并传递所有这些输入字段以及如何将其映射到MVC模型？

$('#formID').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: '/pathTo/process_form',
            data: <---- what needs to go here ... ?
        });
    });

Answer 1

$('#formID').on('submit', function (e) {
        e.preventDefault();
        var dataToPost = $(this).serialize()
        $.ajax({
            type: 'POST',
            url: '/pathTo/process_form',
            data: JSON.stringify({ data: dataToPost }),
        });
    });

使用ajax将表数据发布到MVC操作

1 个答案: