Fatal编程技术网
  • jquery/
  • Jquery 序列化数组（）到数组中不会产生预期的输出

Jquery 序列化数组（）到数组中不会产生预期的输出

jquery html

Jquery 序列化数组（）到数组中不会产生预期的输出,jquery,html,Jquery,Html,我在一个页面上有多个表单，我试图使用jquery将这些表单的输入构建到一个JSON结构中，以便发布。假设它看起来像这样： 函数submitData（）{ 变量序列化数据=[] 变量形式=$（“形式”）； 表格.每项功能（i）{ 数据推送({ i:$（this.serializeArray（）） }); }); console.log（序列化数据）； }; # 学习者 日期 时期 主题 老师 1. 删除 1. 删除 1. 删除 提交数据问题在于您的HTML无效。不能将form元素作为tbody

我在一个页面上有多个表单，我试图使用jquery将这些表单的输入构建到一个JSON结构中，以便发布。假设它看起来像这样：

函数submitData（）{
变量序列化数据=[]
变量形式=$（“形式”）；
表格.每项功能（i）{
数据推送({
i:$（this.serializeArray（））
});
});
console.log（序列化数据）；
};


#
学习者
日期
时期
主题
老师
1.
删除
1.
删除
1.
删除

提交数据
问题在于您的HTML无效。不能将
form
元素作为
tbody
的子元素。如果检查DOM，您将看到
表单
元素已被移动，现在没有内容，因此
serializeArray（）
的输出为空


要实现这一点，您需要将
表单
放在
表
之外，尽管这反过来意味着您不能在每行周围有多个
表单
元素。如果您需要后者，则不能在此布局中使用
表。
它工作得很好：
[{“i”：[{“name”：“learner”，“value”：“a”}，{“i”：[{“name”：“learner”，“value”：“b”}]}]
我将您的代码放入一个可执行代码段中，输出效果良好。如果您仍然遇到此问题，请编辑此问题，以显示生成issue@asdf_enel_hak对我来说不是@RoryMcCrossan我会把桌子改成实际的桌子。javascript已经是我正在使用的JS了。@RoryMcCrossan啊。那是一个简单的答案。好的，谢谢-作为甜蜜业力的回答：）谢谢！我将使用引导
，
和
重新创建表