Jquery 两个不同的列从两个不同的ajax方法如何组合成一行

HTML:

Jquery：

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

---

第一个ajax方法1行中的3列追加到表中，第二个ajax方法1行将显示1行将是表中第一行的第4列。。如何做到这一点？请帮助..

为什么不使用一个URL一次性获取所有数据，因为有两个表：第一个表包含常规信息，第二个表包含产品信息。通常，我使用日期传递第一个表中信息包含的日期我使用发票id获取发票id我从第二个表获取详细信息然后可以使用mysqljojn，或者在后端连接所有数据，这将减少在模式：公共函数fetch_invoices$f_date，$t_date中请求更多的xhr调用{$this->db->select'*'；$this->db->from'invoice'；$this->db->join'invoice\u products'，'invoice.invoice\u id=invoice\u products.invoice\u id'，'outer'；$this->db->where'date使用简单的join for this->db->querySELECT*从ip上的发票i join invoice\u products ip.invoice\u id=i.invoice\u id where date>=$f_日期和日期

$.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);
                }
            });
        }
    }
});