jquery - 来自两个不同ajax方法的两个不同列如何组合成单行

Question

HTML：

<table id="invoice">
   ....
</table>

查询：

$.ajax({
    url: "<?php echo base_url(); ?>reports/fetch_invoice/",
    dataType: 'json',
    type: 'post',
    data: {
        "from_date": from_date,
        "to_date": to_date
    },
    success: function(data) {
        for (i = 0; i < data.invoice.length; i++) {
            var invoice = data.invoice[i]['invoice_id'];
            var tr = '';
            tr += '<tr><td>' + data.invoice[i]['emp_id'] +
                '</td><td>' + data.invoice[i]['invoice_id'] +
                '</td><td>' + data.invoice[i]['service'] +
                '</td>';
            $('#invoice').append(tr);

            $.ajax({
                url: "<?php echo base_url(); ?>reports/fetch_invoice_product/",
                dataType: 'json',
                type: 'post',
                data: {
                    "invoice": invoice
                },
                success: function(data) {
                    var total = 0;
                    for (i = 0; i < data.product.length; i++) {
                        var tr = '';
                        total += parseInt(data.product[i]['total']);
                    }
                    tr += '<td>' + total +
                        '</td></tr>';

                    $('#invoice').append(tr);
                }
            });
        }
    }
});

第一种 ajax 方法 1 行中的 3 列附加到表中，第 2 种 ajax 方法 1row 将显示 1 行将是表中第 1 行的第 4 列.. 怎么做？？请帮助..

标签： jqueryajaxcodeigniter-3