我试图序列化表数据和表单数据,然后发送到save.php。但我一次都做不到。我不知道该怎么做。对此,任何人都可以帮助解决此问题。有没有办法将两者都发送到save.php页面,我已经在下面编写了代码。
表
<table class="table table-bordered" id="product" name="product">
<caption> Products</caption>
<thead>
<tr>
<th>Product Code</th>
<th>Product Name</th>
<th>Price</th>
<th>Qty</th>
<th>Total</th>
</tr>
</thead>
<tbody> </tbody>
</table>
表格
<form class="form-horizontal" id="frmproduct">
<div>
<label>Total</label>
<input type="text" class="form-control" id="totalcal" name="totalcal">
</div>
<div >
<label>Subtotal</label>
<input type="text" class="form-control" id="subtotal" name="subtotal">
</div>
</form> <form class="form-horizontal" id="frmproduct">
</form>
表附加
function addProject()
{
var productcode = $("#productcode").val();
var productname = $("#productname").val();
var price = $("#price").val();
var qty = $("#qty").val();
var total = $("#total").val();
var markup = "<tr> <td>" + productcode + "</td><td>" + productname + "</td> <td>" + price + "</td> <td>" + qty + "</td> <td>" + total + "</td> </tr>";
$("table tbody").append(markup);
}
send the data to save.php page
function save() {
var table_data = [];
$('table tbody tr').each(function(row,tr)
{
var sub = {
'productcode' : $(tr).find('td:eq(0)').text(),
'productname' : $(tr).find('td:eq(1)').text(),
'price' : $(tr).find('td:eq(2)').text(),
'qty' : $(tr).find('td:eq(3)').text(),
'total' : $(tr).find('td:eq(4)').text(),
};
table_data.push(sub);
});
_data = table_data;
var _method;
console.log(_data);
$.ajax({
type : "POST",
url : "save.php",
dataType: "JSON",
data : {data:_data},
async: false,
success: function (data) {
}
});
}