从html表中的每个td获取数据并将其传递给控制器

时间:2015-01-02 09:10:20

标签: php jquery html

我的采购订单表格中有html表格,是动态生成的。所以我想从该表的每一行获取数据并将其保存到数据库。这就是我试过的......

  $('#submit').click(function(){
  var TableData = new Array();
  $('#cart_details tr').each(function(row, tr){
    alert(row+ tr);
   TableData[row]={
    "productname" : $(tr).find('td:eq(0)').text()
    , "quantity" :$(tr).find('td:eq(1)').text()
    , "unit" : $(tr).find('td:eq(2)').text()
    , "unit_rate" : $(tr).find('td:eq(3)').text()
  }
    alert(TableData);
});
var obj=JSON.stringify(TableData);

 var followurl='<?php echo base_url()."index.php/purchase/save_product";?>';
 $.post( followurl, {'obj' : obj}, function(data){
    alert(obj);
        alert(data);



            }); 

});

这里我在提交表单时调用此函数,而cart_details是表的id。 productname和quantity,unit,unit_rate是表的列名。

1 个答案:

答案 0 :(得分:0)

看到这个:

$(document).ready(function () {
    var TableData=[];//declare your array
    $('#submit').click(function(){
          $('#cart_details tr').each(function(row, tr){
            alert(row);
           TableData[row]={
            "productname" : $(tr).find('td:eq(0)').text()
            , "quantity" :$(tr).find('td:eq(1)').text()
            , "unit" : $(tr).find('td:eq(2)').text()
            , "unit_rate" : $(tr).find('td:eq(3)').text()
          }
            alert(JSON.stringify(TableData));
            console.log(TableData);//output [Object { productname="1", quantity="2", unit="3", more...}]
        });

        });

});


<table id="cart_details">
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
</table>
<button id="submit">click</button>