我正在尝试发送一个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();