jQuery Datatablesデータをロードするajax

Question

asp.net mvp server側からデータをロードします。

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' } 
          ] 
         }); 
        } 
       }); 
      }); 

とサーバ側： は、jQueryのAjaxの機能を持っています。

JSON形式：あなたのクリックイベントが発生する必要のない2倍で書かれ

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

Answer 1

コードを

サーバ側はデータを返さは次のようになります。 コードは