title: Datatables server response not displaying
body: <p>I've got a problem regarding the server response by datables serverside processing. So far, the ajax call is working:</p>
  
  <pre><code>$('#result_tbl').dataTable( {
      "bProcessing": true,
      "bServerSide": true,
      "sAjaxSource": "search_synagogue_ajax.php",
      "aoColumns":[ 
                    { "sTitle": "Column1", "mData": "string" },
                    { "sTitle": "Column2", "mData": "stirng" }                    
                  ],
      "fnServerData": function ( sSource, aaData, fnCallback ) {
  
          var countries = new Array();
  
          aaData.push({"name": "country", "value": countries});
  
          console.log(aaData);
  
          $.ajax( {
              "dataType": 'json',
              "type": "POST", 
              "url": sSource, 
              "data": aaData, 
              "success": function(data) {
                   console.log(data);
              },
              error: function(xhr, status, error) {
                   var err = eval("(" + xhr.responseText + ")");
                   alert(err.Message);
              }
           });  
  );
  </code></pre>
  
  <p>My response creation look like this:</p>
  
  <pre><code>$array = array(
      "aaData" =&gt; array(
          array(
              'test1',
              'test1',
          ),
          array(
              'test2',
              'test2',
          )
      )
  );
  
  echo json_encode($array);
  </code></pre>
  
  <p>And I get:</p>
  
  <pre><code>{"aaData":[["test1","test1"],["test2","test2"]]}
  </code></pre>
  
  <p>However, the table will not show the given testdata. Ajax success is called... I've noticed that some people claims that the curly brackets are not allowed in datatables &lt; 1.8 (I'm using 1.9.4). Anybody know what I'm doing wrong here?</p>
  
  <p>EDIT: Maybe I understand something wrong. What i want to do is post some parameters to the ajax file and then fetch it's response and insert it into my datatable? Do I have to do this manually in the ajax success callback?</p>
  
  <p>EDIT2: Still can't get it working? Any suggests?</p>
  
  <p>EDIT3: Tried a more simplier example, even without success:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
  
      &lt;!-- Always force latest IE rendering engine (even in intranet) &amp; Chrome Frame
      Remove this if you use the .htaccess --&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  
      &lt;title&gt;clientAjax&lt;/title&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
  
      &lt;script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="lib/DataTables-1.9.4/media/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
        $(document).ready(function() {
          $('.hist_data').on('click', function(){
              $('.myTable').dataTable( {
                  "bProcessing": false,
                  "bServerSide": true,
                  "bJQueryUI": true,
                  "sAjaxSource": "serverAjax.php",
                  "sAjaxDataProp": "data",
                  "fnServerData" : function(sSource, aoData, fnCallback) {
                      request = $.ajax({
                          "dataType" : "json",
                          "type" : "POST",
                          "url" : sSource,
                          "data" : aoData,
                          "success" : function(data) {
                            console.log(data);
                          },
                          "error": function(xhr, status, error) {
                            var err = eval("(" + xhr.responseText + ")");
                            alert(err.Message);
                          }
                      });
                  },
                  "aoColumns": [
                      { "mData": "id" },
                      { "mData": "name" },]
              } );
  
          });
        });
      &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;div&gt;
        &lt;header&gt;
          &lt;h1&gt;clientAjax&lt;/h1&gt;
        &lt;/header&gt;
        &lt;nav&gt;
          &lt;p&gt;
            &lt;a href="/"&gt;Home&lt;/a&gt;
          &lt;/p&gt;
          &lt;p&gt;
            &lt;a href="/contact"&gt;Contact&lt;/a&gt;
          &lt;/p&gt;
        &lt;/nav&gt;
  
        &lt;div class="hist_data"&gt;Click here&lt;/div&gt;
        &lt;table class="myTable"&gt;
  
        &lt;/table&gt;
  
        &lt;footer&gt;
        &lt;/footer&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And Ajax file:</p>
  
  <pre><code>&lt;?php
  
  $array = array(
      "aaData" =&gt; array(
          array(
              'id' =&gt; 1,
              'name' =&gt; "ONE"
          ),
          array(
              'id' =&gt; 2,
              'name' =&gt; "TWO"
          )
      )
  );
  
  echo json_encode($array);
  
  ?&gt;
  </code></pre>