how to serialize whole table and variable to php page - php

Question

I am creating an inventory control system for my sales. i can serialize complete table successfully i have one problem i have sell_price column in in table, retail price column is not there in the table.how can send the retail price to the php page.because i need to calculating profit at end the day sales. i am sending all record to loading_add.php page through ajex. what i tried so far i wrote it below. how to send retail_price in to loading_add.php page.
retail_price : retail_price
var table_data = [];
$('#product_list tbody tr').each(function(row,tr)
{
var sub = {
'product_id' : $(tr).find('td:eq(1)').text(),
'cat_id' : $(tr).find('td:eq(2)').text(),
'product_name' : $(tr).find('td:eq(3)').text(),
retail_price : retail_price
'sell_price' : $(tr).find('td:eq(4)').text(),
'qty' : $(tr).find('td:eq(5)').text(),
'total_cost' : $(tr).find('td:eq(6)').text(),
};
table_data.push(sub);
});
$.ajax({
type : "POST",
url: '../php/product/loading_add.php',
dataType: 'JSON',
data: {data:table_data},

Answer 1

One way is to take hidden input if you are not want to display the data to user still you needs it.
for example, in your product listing table, you can take hidden input of retail price as you need it but dont have to display it to users.
so after executing mysql select query you can fetch data in your table as:
<table id="product_list" class="table table-bordered table-striped">
<thead>
<tr>
<th>Id</th>
<th>Category</th>
<th>product Name</th>
<th>price</th>
<th>quantity</th>
<th>total</th>
</tr>
</thead>
<tbody>
<?php foreach ($products as $row){ ?>
<tr>
<td><?php echo $row['id']; ?></td>
<td><?php echo $row['cat_id']; ?></td>
<td><?php echo $row['product_name'] ?></td>
<!-- below in sell price td we will take hidden input for retail price -->
<td><input type="hidden" class="retail_price" value="<?php echo $row['retail_price'] ?>"><?php echo $row['sell_price'] ?></td>
<td><?php echo $row['quantity'] ?></td>
<td><?php echo $row['total_cost']; //or price * quantity ?></td>
</tr>
<?php } ?>
</tbody>
</table>
And in your script you have mistaken as $(tr).find('td:eq(1)').text(),
if you want to fetch first td then you should use $(tr).find('td:eq(0)').text() because here td is array of elements and in array index always start with 0.
so your script should be as:
$(function () {
var table_data = [];
$('#product_list tbody tr').each(function (row, tr)
{
var sub =
{
'product_id': $(tr).find('td:eq(0)').text(),
'cat_id': $(tr).find('td:eq(1)').text(),
'product_name': $(tr).find('td:eq(2)').text(),
'sell_price': $(tr).find('td:eq(3)').text(),
'retail_price': $(tr).find('td:eq(3)').find('.retail_price').val(),
'qty': $(tr).find('td:eq(4)').text(),
'total_cost': $(tr).find('td:eq(5)').text(),
};
table_data.push(sub);
});
//here you can fire ajax request for adding record
});
Another way is to take data attribute for your needed value
in same example as above you can take data attribute in your td as
<td data-retail_price="<?php echo $row['retail_price'] ?>"><?php echo $row['sell_price'] ?></td>
and in your script you can get data attribute's value as in same script as above:
'retail_price': $(tr).find('td:eq(3)').data('retail_price'),