表单提交时缺少数据：一张表中有多个表单

Question

我有一个复杂的屏幕，它使用一系列嵌套表和几个表单各自的ajaxSubmit。

尽管我相信问题最初是由 jQuery 引起的，但我必须找出是我的 HTML 结构引起的问题。我的初始结构是：

<table>
    <tr>
        <form id="foo1" ..>
            <td><input ..></td>
            <td><input ..></td>
        </form>
    </tr>
    <tr>
        <form id="foo2" ..>
            <td><input ..></td>
            <td><input..></td>
        </form>
    </tr>
</table>

这适用于 IE8 和 Chrome 11，但不适用于 FF3.6 和 4 各自的 Safari 5.0.4。

感谢大家的帮助，很抱歉指出了错误的方向！

Answer 1

试试这个：

function updateCategory(id) {
    var form = $('#sc' + id);

    form.ajaxSubmit({
        data: form.serialize(),
        type: 'post',
        url: '?action=modCat',
        success: function(response) {
            $('#allCategories').html(content);
        }
    });
}

Answer 2

旧的 HTML 规范支持或至少容忍此行为。这在后来的实现中发生了变化。因此，应该：

a) 使用多个表（每个表单一个）

<form id="foo1">
    <table ..>
    </table>
</form>
<form id="foo2">
    <table ..>
    </table>
</form>

b) 使用 DIV 而不是表

Answer 3

我认为这是一个范围界定问题。尝试：

data: $(this).serialize(),