jQuery Datatables加載數據ajax

Question

想要從asp.net mvp服務器端加載數據。 有jQuery的Ajax的功能：

Function GetData() As ActionResult 

      Dim TransactionSearchRow1 = New TransactionSearchRow With { 
      .status = Status.Cancelled, 
      .transactionId = "12345", 
      .creditCardNumber = "1234324324", 
      .supplier = "Office Depot", 
      .createdAt = New DateTime(2008, 12, 28), 
      .amount = 500 
      } 


      Dim anon = New With {.data = New List(Of TransactionSearchRow) From {TransactionSearchRow1}} 
      Dim jsonData As String = JsonConvert.SerializeObject(anon, Formatting.Indented) 

      Return Json(jsonData) 

     End Function 

但沒有什麼是發生時，即時通訊點擊BTN：即返回我1行數據的

$("#SearchBtn").on("click", function() { 

       $.ajax({ 
        url: '/Transaction/GetData', 
        success: function (dataReturend) { 
         $("#TransactionTable").DataTable({ 
          ajax: '/Transaction/GetData', 
          data: dataReturend, 
          columns: [ 
          { data: 'status' }, 
          { data: 'transactionId' }, 
          { data: 'creditCardNumber' }, 
          { data: 'supplier' }, 
          { data: 'createdAt' }, 
          { data: 'amount' } 
          ] 
         }); 
        } 
       }); 
      }); 

和服務器端。

服務器端返回的數據是這樣的：

JSON格式：寫在你的單擊事件大火不需要的2倍

{ 
"data": [ 
{ 
"status": 2, 
"transactionId": 12345, 
"creditCardNumber": "1234324324", 
"supplier": "Office Depot", 
"createdAt": "2008-12-28T00:00:00", 
"amount": 500.0 
    } 
    ] 
} 

Answer 1

代碼。 代碼應該是這樣的

$("#SearchBtn").on("click", function() { 

    $("#TransactionTable").DataTable({ 
     ajax: '/Transaction/GetData', 
     columns: [ 
     { data: 'status' }, 
     { data: 'transactionId' }, 
     { data: 'creditCardNumber' }, 
     { data: 'supplier' }, 
     { data: 'createdAt' }, 
     { data: 'amount' } 
     ] 
    }); 
}); 

更多參考Datatable