一键更新两个jQuery数据表

Question

我有一个.Net应用程序（C＃），并使用ajax和Web服务添加了jQuery数据表，并且工作正常。 单击按钮即可更新表数据。

我需要添加一个新表，并且需要在单击同一按钮时更新两个表。 我不确定在设置ajax url或数据参数时该如何处理。

<div runat="server" id="divFacCert" ClientIDMode="Static" style="padding:15px">
    <div class="table-responsive">
        <table id="tblFacCert" class="table table-striped table-bordered table-hover table-responsive">
            <thead>
                <tr class="info">
                    <th>Area</th>
                    <th>District</th>
                    <th>Facility</th>
                    <th>Response Due Date</th>
                    <th>Completed On</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

<div runat="server" id="divStats" ClientIDMode="Static" style="padding:15px">
    <div class="table-responsive">
        <table id="tblStats" class="table table-striped table-bordered table-hover table-responsive">
            <thead>
                <tr class="info">
                    <th>Area</th>
                    <th>Certified</th>
                    <th>Not Certified </th>
                    <th>% Certified</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

<script>
    Table = $("#tblFacCert").DataTable({
        jQueryUI: true,
        data: [],
        dom: 'lfrtip',
        stateSave: true,
        "columns": [
            {
                "data": "Area"
            }, {
                "data": "District"
            },{
                "data": "FacilityName"
            },{
                "data": "ResponseDueDate",
            }, {
                "data": "Completed"
            }
        ],
        "pageLength": 15,
        processing: true
    });

    Table2 = $("#tblStats").DataTable({
        data: [],
        dom: 'lfrtip',
        stateSave: true,
        "columns": [
            {
                "data": "Area"
            }, {
                "data": "Cnt_Certified"
            }, {
                "data": "Cnt_NotCertified"
            }, {
                "data": "Percentage_cert"
            }
        ],
        "pageLength": 15,
        processing: true
    });

    $("#btnSubmit").on("click", function (event) {
        $.ajax({
            type: "POST",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            /* This url is used for first data table */
            url: "../services/easg.asmx/GetComplianceReportData",
            cache: false,
            /* This parameter list is used for first data table */
            data: "{ 'startDate': '" + $("#tbStartDate").val() + "', 'certID': '" + $('#ddlCertificate').val() + "'}"
        }).done(function (result) {
            Table.clear().draw();
            jResult = JSON.parse(result.d);
            Table.rows.add(jResult).draw();
        }).fail(function (jqXHR, textStatus, errorThrown) {
            alert(textStatus + ' - ' + errorThrown);
        });
    })
</script>