POST动态HTML表值到jQuery AJAX

Question

我正在尝试在动态HTML表格中显示所有值，并将值发布到AJAX。

我有像这样的HTML表

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

我已尝试获取＆＃39;文字＆＃39;我表中的每个td

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

这是让我 - ＆gt; <input type="text">等等。

Answer 1

使用jQuery

使用serialize函数

<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>

Answer 2

你要返回innerHTML，这是...... HTML。 您可以使用.val()获取输入元素的值 这对你有用吗？

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

Answer 3

var rows = $("td input",$("#myTable")).map(function() { 
    return { name : $(this).attr('name'), value :$(this).val()};
  });

你应该得到：

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

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