通过jQuery发布一个巨大的html表单


Post a huge html form by jQuery

我正在尝试发送一个html表单,该表单由100多个子字段集组成,共有10个元素,总共有1000多个元素。

我用jQuery发送这个表单。问题是它没有发送所有的元素(它发送了100个子字段中的84个子字段)。

我一直在寻找,但没有找到原因或解决方案。是jQuery或HTML的限制,还是我做错了什么?

这是jQuery代码:

$(document).on("submit", "#video_table", function() {
    var action = $(this).attr('action');
    var image_load = "<img src='/img/loading.gif' />";
    $("#videoupdate-div").html(image_load);
    // $.post(action, $(this).serialize(), function(data) {
        // $("#videoupdate-div").html(data);
    // });
    $.ajax({
        //dataType: "json",
        url : action,
        type : "POST",
        data :  $(this).serialize() ,
        success : function(result) {
            $("#videoupdate-div").html(result);
        },
        error : function(result) {
            $("#videoupdate-div").html("Error! Something must be wrong.");
        }
    });

    return false;
});

表单自己的提交可能会干扰提交事件

更改

$(document).on("submit", "#video_table", function() {

$(document).on("submit", "#video_table", function(e) {
  e.preventDefault(); // cancel the form's own submit

PS如果表单没有动态插入DOM,那么这就足够了

$("#video_table").on("submit", function(e) {
  e.preventDefault();