Почему jquery datable показывает старые записи вместо новых?

Question

У меня есть данные, заполняемые моделью представления при загрузке страницы.Это нормально.

Теперь я хочу заполнить его одной записью при нажатии на выпадающий список.Но данные показывают старые записи вместо новых.

Я пробовал это:

        table = $("#tblCertificates").DataTable();

        $.get("/CertificatesNew/FillCertificates", data);

        table.clear();

, но не работает.Я хочу, чтобы таблица данных jquery была пуста перед заполнением новыми данными.

 [HttpGet]
        [OutputCache(NoStore = true, Duration = 0)]
        public ActionResult FillCertificates(int ID)
        {
            InspectionReportsViewModel InspectionReportsViewModel = new InspectionReportsViewModel();

            try
            {

                InspectionReportDAL InspectionReportDAL = new DAL.InspectionReportDAL();
                InspectionReportsViewModel.InspectionReportList = InspectionReportDAL.GetInspectionReportListFilteredByClientID(ID);

                ClientsDAL clientsDAL = new ClientsDAL();

                ViewBag.ClientsList = clientsDAL.GetClientsList();

                return View("Index", InspectionReportsViewModel); 
            }
            catch
            {
                return View();
            }

        }

вызов API:

<script type="text/javascript">
        $('#tblCertificates').DataTable({
            responsive: true,
            searching: true,
            ordering: false,

        });

        $("#SearchInspectionReport_Client_ID").change(function () {
            var ID = $("#SearchInspectionReport_Client_ID").val(); //Client ID



            //if(!Number(ID)) // to check if '-Select-' has been selected, so in that case it should be stopped from further execution
            //{
            //    $("#InspectionReport_PoNo").val('');
            //}

            data = { 'ID': ID } //Client ID

            table = $("#tblCertificates").DataTable();
            //oSettings = table.fnSettings();



            $.get("/CertificatesNew/FillCertificates", data);

            table.clear();
        });

    </script>
}

table:

<tbody>
                    @foreach (var InspectionReport in this.Model.InspectionReportList)
                    {
                        <tr>

                            <td>@InspectionReport.VelosiProjectNo</td>
                            <td>@InspectionReport.VelosiReportNo</td>
                            <td style="@(@InspectionReport.Status == 0 ? "Background-color: lightblue" : @InspectionReport.Status == 1 ? "Background-color:skyblue" : @InspectionReport.Status == 2 ? "Background-color: lightgray" : @InspectionReport.Status == 3 ? "Background-color: #99CC99" : @InspectionReport.Status == 4 ? "Background-color: #FF3333" : "")">
                                @(@InspectionReport.Status == 0 ? "Prepared" : @InspectionReport.Status == 1 ? "Reviewed" : @InspectionReport.Status == 2 ? "Approved" : @InspectionReport.Status == 3 ? "Issued" : @InspectionReport.Status == 4 ? "Rejected" : "")
                            </td>

                            <td>@InspectionReport.InspectionDate.ToString("MMM dd, yyyy")</td>
                            <td>@InspectionReport.IssueDate.ToString("MMM dd, yyyy")</td>

                            @{ 
                               VAILCertificates.DAL.UserDAL userDAL = new VAILCertificates.DAL.UserDAL();
                               VAILCertificates.DAL.Entities.User User = new VAILCertificates.DAL.Entities.User();
                               User = userDAL.GetUserStationLocation(InspectionReport.PeparedBy);                              
                             }

                            <td>@User.UserName</td>     
                            <td>@User.Office</td>
                            <td>@User.Station</td> 

                            <td>
                                @using (Html.BeginForm("GetInspectionReportDetails", "InspectionReport", FormMethod.Post, new { InspectionReportID = @InspectionReport.InspectionReportID }))
                                {
                                    @*@Html.ActionLink("View", "Edit","InspectionReport", new { id = @InspectionReport.InspectionReportID }, new { @Class = "btn btn-success" })*@
                                    @*@Html.ActionLink("View", "GetInspectionReportDetails","InspectionReport", new { id = @InspectionReport.InspectionReportID }, new { @Class = "btn btn-success" })*@
                                    <button class="btn btn-info" type="submit" id="btnReview" name="btnDownload" formaction='@Url.Action("GetInspectionReportDetails", "InspectionReport", new { InspectionReportID = @InspectionReport.InspectionReportID})'>Download Files</button>
                                    @*<a class="btn btn-primary" href="@("/Downloads/Certificates/"+ @InspectionReport.FileName)" download>Download Certificate</a>*@

                                }
                        </td>

                    </tr>
                    }
                </tbody>
            </table>