Jquery TypeError：尝试动态创建表时未定义

Question

我是Jquery的新手，并且一直试图让一些代码用于动态创建表。这样做我提出了一个问题。 我有一个Web服务，它将在JSON中响应数据看起来像这样（样本）

{
        "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>`

非常感谢帮助解决这个问题。