Ajax в JavaScript публикует необработанные данные на веб-странице

Question

При выполнении запроса ajax в JavaScript создается впечатление, что представление получило сообщение с необработанными данными на веб-странице, я бы сказал, что это похоже на просмотр файла CSV в блокноте, только строк и строк данных, хотя иправильные данные, но не в таблице данных jquery, которую я ожидал бы увидеть.

При использовании Jquery для правильного отображения всех данных в таблице, например:

<script>
    $('#IndexTable').DataTable({ responsive: true });
</script>

Нет проблем.

Я также пробовал это в представлении:

<script>

    $(document).ready(function () {

        test();
    })

    var test = function () {

        $ajax({
            type: 'GET',
            url: '/ClinicalASSPATVM/test',
            success: function (response) {

                BindDataTable(response);


                }
            })
       }

    var BindDataTable = function (response) {

        $("#IndexTable").DataTable({


            "aadata": response,
            "aoColumn": [

                {"mData": "Product:"},
            ]

       });
    }
</script>

Это моя часть кода контроллера:

        public ActionResult test(int? ClinicalAssetID)
        {

            var ClinicalASSPATVM = (from s in db.ClinicalAssets
                                    join cp in db.ClinicalPATs on s.ClinicalAssetID equals cp.ClinicalAssetID into AP
                                    from subpat in AP.DefaultIfEmpty()
                                    orderby s.ClinicalAssetID descending

                                    select new ClinicalASSPATVM
                                    {
                                        ClinicalAssetID = s.ClinicalAssetID,
                                        ProductName = s.ProductName,
                                        ModelName = s.ModelName,
                                        SupplierName = s.SupplierName,
                                        ManufacturerName = s.ManufacturerName,
                                        SerialNo = s.SerialNo,
                                        PurchaseDate = s.PurchaseDate,
                                        PoNo = s.PoNo,
                                        Costing = s.Costing,
                                        TeamName = s.TeamName,
                                        StaffName = s.StaffName,
                                        InspectionDocumnets = subpat.InspectionDocumnets ?? String.Empty,
                                        InspectionOutcomeResult = subpat.InspectionOutcomeResult
                                    });


            return Json(new { data = ClinicalASSPATVM }, JsonRequestBehavior.AllowGet);
        }

Это представление:

@model IEnumerable<Assets.Areas.Clinical.Models.ClinicalASSPATVM>
<link href="~/content/datatables/media/css/datatables.bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/DataTables/extensions/Responsive/css/responsive.dataTables.min.css" rel="stylesheet" />


@{
    ViewBag.Title = "View Clinical";
}

<div class="pageheader">
    <h2><i class="fa fa-pencil"></i> Clinical Asset Dashboard</h2>
    <div class="breadcrumb-wrapper">
        <span class="label">You are here:</span>
        <ol class="breadcrumb">
            <li>Asset Management System</li>
            <li class="active">Clinical Assets - Overview</li>
        </ol>
    </div>
</div>

     <div class="contentpanel">
         <div class="panel panel-default">
             <div class="panel-heading">
                 <div class="panel-btns">
                     <a href="" class="minimize">&minus;</a>
                 </div><!-- panel-btns -->
                 <h3 class="panel-title">Last 10 Assets:</h3>
             </div>
             <div class="panel-body">
                 <div class="table-responsive">
                     <table id="IndexTable" class="table table-striped table-bordered" >
                         <thead>
                             <tr>
                                 <th>Product:</th>
                                 <th>Model:</th>
                                 <th>Supplier:</th>
                                 <th>Manufacturer:</th>
                                 <th>Serial No:</th>
                                 <th>Purchase Date:</th>
                                 <th>Purchase Order No:</th>
                                 <th>Cost:</th>
                                 <th>Team Location:</th>
                                 <th>Owner:</th>
                                 <th>Inspection OutcomeResult:</th>
                             </tr>
                         </thead>


                     </table>


                 </div><!-- table-responsive -->
             </div><!-- panel-body -->
         </div><!-- panel -->
     </div>



@section Scripts {


<script src="~/Scripts/DataTables/media/js/jquery.dataTables.min.js"></script>
<script src="~/Scripts/DataTables/media/js/dataTables.bootstrap.min.js"></script>
<script src="~/Scripts/DataTables/extensions/Responsive/js/dataTables.responsive.js"></script>

<script>
    $(document).ready(function () {
        $ajax({
            url: '/ClinicalASSPATVM/test',
            method: 'GET',
            datatype: 'json',
            sucess: function (data) {

                $('#IndexTable').datatable({
                    data: data,
                    columns: [
                        { "data": "ProductName" },
                    ]
                });
            }
        });
    });
</script>
}

Это сумасшедший пример вывода, также я не вижу заголовков, нижних и нижних колонтитулов страницы макета.

{"data": 
[{"ClinicalAssetID":75,"SerialNo":"34563463453453453","PurchaseDate":"\/Date(1551657600000)\/","PoNo":"567","Costing":1500,"InspectionDocumnets":"","ProductName":{"ProductID":2,"AssetAssignmentID":2,"ProductName":"Bed"},"InspectionOutcomeResult":null,"ModelName":{"ModelID":1,"AssetAssignmentID":2,"ProductID":8,"ModelName":"M1"},"Code":null,"AssetTypeName":null,"ManufacturerName":{"ManufacturerID":1,"AssetAssignmentID":2,"ProductID":8,"ManufacturerName":"Omron"},"StaffName":{"StaffID":1,"StaffName":

Надеюсь, кто-то может пролить свет на то, что я сделал неправильно.