title: Loading Json object into datatable (ajax)
body: <p>I want to use a JSON object to build a datatable, but I receive the following error:</p>
  
  <p><a href="https://i.stack.imgur.com/Hhcrg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hhcrg.jpg" alt="enter image description here"></a></p>
  
  <p>after that,  the browser shows :</p>
  
  <p><a href="https://i.stack.imgur.com/iu6i3.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iu6i3.jpg" alt="enter image description here"></a></p>
  
  <p>I was trying by hours everthing that the url in the warning message says.. but i didnt figure out.</p>
  
  <p>The JSON object is retrieved by a servlet named MyJson. This JSon has the following appareance.</p>
  
  <pre><code>{
      "data":[
          ["NAME: Name1","DIRECTION: Salida","CHARGED: 15","AFFORDED: 15"],
          ["NAME: Name2","DIRECTION: Salida","CHARGED: 4","AFFORDED: 4"],
          ["NAME: Name3","DIRECTION: Entrada","CHARGED: 4","AFFORDED: 4"],
          ["NAME: Name4","DIRECTION: Salida","CHARGED: 1","AFFORDED: 0"],
          ["NAME: Name5","DIRECTION: Entrada","CHARGED: 15","AFFORDED: 15"],
          ["NAME: Name6","DIRECTION: Entrada","CHARGED: 10","AFFORDED: 10"],
          ["NAME: Name7","DIRECTION: Entrada","CHARGED: 15","AFFORDED: 15"],
          ["NAME: Name8","DIRECTION: Entrada","CHARGED: 3","AFFORDED: 3"],
          ["NAME: Name9","DIRECTION: Entrada","CHARGED: 15","AFFORDED: 15"]
      ]
  }
  </code></pre>
  
  <p>And this is my javascript</p>
  
  <pre><code>&lt;script&gt;
  
  $(document).ready(function() {    
      var tableEntityList = $('#testable').DataTable({        
          "processing": true,
          "scrollY":"500px",
          "scrollCollapse": true,
          "paging":false,
          "serverSide":true,
          "ajax":"./MyJson",
          "columns": [
              { "data":'NAME' },
              { "data":'DIRECTION' },
              { "data":'CHARGED' },
              { "data":'AFFORDED' }   
          ]
      });
  })
  &lt;/script&gt;
  
  &lt;body&gt;
  
  &lt;table class="display responsive nowrap" id="testable" cellspacing="0"&gt;
  &lt;thead&gt;
  &lt;th&gt;NAME&lt;/th&gt;
  &lt;th&gt;DIRECTION&lt;/th&gt;
  &lt;th&gt;CHARGED&lt;/th&gt;
  &lt;th&gt;AFFORDED&lt;/th&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
  &lt;/tbody&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>Can you tell me what am i doing wrong?</p>
  
  <p>Thank you.</p>