如何为ajex

时间:2018-07-19 05:27:04

标签: json ajax

我试图序列化表数据和表单数据,然后发送到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) {
            }

        });
    }

0 个答案:

没有答案