Javascript 将动态HTML表值发布到jQuery AJAX

我正在尝试获取动态HTML表中的所有值，并将这些值发布到AJAX中。

我有这样的HTML表格

当我按下“+”键时，我可以动态添加行。当我单击save时，如何将这个HTML表中的数组值发布到AJAX中，以便同时将这些值插入MYSQL

我已尝试将每个td的“文本”显示在我的表格中

var rows = $("tbody tr",$("#myTable")).map(function() { 
    return [$("td",this).map(function() { 
      return this.innerHTML;     
    }).get()];
  }).get();

---

这让我明白了->

等等。

使用jQuery使用序列化函数

<script type="text/javascript">
    (function ($) {
        $('#formID').on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: '/pathTo/process_form.php',
                data: $('#formID').serialize()
            });
        });
    })(jQuery);
</script>

（函数（$）{
$（'#formID'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
$.ajax({
键入：“POST”，
url:“/pathTo/process_form.php”，
数据：$（'#formID'）。序列化（）
});
});
})（jQuery）；

您正在返回innerHTML，它是。。。HTML。 您可以使用

.val（）

这对你有什么作用

return $("td input").map(function() { 
  return $(this).val();     
});

你应该得到：

[ 
  { 
    name : 'inputname',
    value :  'inputval' 
  },
  { ... }
]

---

这将返回一个类似.serialize（）方法的数组

尝试在表单上使用jQuery

.serialize（）

创建JSON，该JSON可以在收到此错误后发送未捕获类型错误：非法调用-jQuery 1.6.1 min.js

[ 
  { 
    name : 'inputname',
    value :  'inputval' 
  },
  { ... }
]