title: How to Insert JSON data into DataTable
body: <p>I am new to Javascript and I am trying to dynamically load Json data into datatable on a button click.</p>
  
  <p>My Json data is in below format</p>
  
  <pre>
       [{"DeviceName":"AND1","IPAddress":"10.10.12.1221"},   {"DeviceName":"AND2","IPAddress":"10.10.12.1222"},{"DeviceName":"AND3","IPAddress":"10.10.12.1223"}]
  </pre>
  
  <p>Here is my complete Html code:
  When I am running this code, I am getting an UncaughtType error in processDeviceDataResults at ('#deviceTable'). But, I am pretty sure this is not the way you to load data in to the datatable.</p>
  
  <pre>   
  
                        
              //Set the hubs URL for the connection
              var url = 'http://localhost:8080/signalr';
  
              var connection = $.hubConnection(url);
  
              // Declare a proxy to reference the hub.
              var hubProxy = connection.createHubProxy('HubClass');
  
              hubProxy.on('DeviceDataResults', processDeviceDataResults);
  
              connection.start().done(function() {
                  $("#GetDeviceData").click(function() {
                      hubProxy.invoke('GetDeviceData');
                  });
              });
  
              function processDeviceDataResults(results) {                 
                  $('#deviceTable').dataTable({
                      "aodata": results
                  });
          }
          
         
        
   </pre>