javascript - Jquery TypeError:テーブルを動的に作成しようとすると、aが定義されていません

Question

私はJqueryを初めて使用し、テーブルを動的に作成するためにいくつかのコードを機能させようとしています。そうするうちに、私は問題を思いつきました。JSON で応答する Web サービスがあります。データは次のようになります (サンプル)

{
        "aaData": [
            1
        ],
        "aaSorting": [
            1,
            "desc"
        ],
        "aoColumns": {
            "sTitle": "Title1"
        }
   }

Javaスクリプト全体は次のとおりです `

        $(document).ready
        (
            function() 
            {
                $.getJSON
                (
                    'http://intranet/testing/data/public.php', function(data) 
                    {
                        var newTable = '<thead><tr>'; 
                        $.each
                        (
                            data[0], function(key, value) 
                            {
                                newTable += "<th>" + key + "</th>";
                            }
                        );
                        newTable += "</tr></thead><tbody>";                  
                        $.each
                        (
                            data, function(key, row) 
                            {
                                newTable += "<tr>";
                                $.each
                                (
                                    row, function(key, fieldValue) 
                                    {
                                       newTable += "<td>" + fieldValue + "</td>";
                                    }
                                );
                                newTable += "</tr>";
                            }
                        );
                        newTable += '<tbody>';
                       $('#example').html(newTable);  
                    }
                );
                $('#example').dataTable(); 
            }
        );
    </script>`

これを修正するための助けをいただければ幸いです。