数据表在ajax调用后未初始化

我使用ajax运行查询并以以下方式返回输出：

<form action="" class="form-inline">
<div class="form-group">
<label for="alarm_text">Hub Site: </label>
<select name="Site" onchange="showCustomer(this.value)" class="form-control">
<option value="">Select a site</option>
<cfoutput query="groupCount">
<option value="#HSEN#">#HS#</option>
</cfoutput>
</select>
</div>
</div>
</form>
</div> 
</div>
</div>
</div>

<div class="container" id="txtHint" style="margin-bottom: 50px;" style="border: 1px solid red;">
</div>

<script>
function showCustomer(str) {
                    var xhttp;
                    if (str == "") {
                    document.getElementById("txtHint").innerHTML = "";
                    return;
                    }
                    xhttp = new XMLHttpRequest();
                    xhttp.onreadystatechange = function() {
                    if (this.readyState == 4 && this.status == 200) {
                    document.getElementById("txtHint").innerHTML = this.responseText;
                    }
                    };
                    xhttp.open("GET", "FindAlarmRecords.cfm?q="+str, true);
                    xhttp.send();
                    }

                    $(document).ready(function(){
                    $('#RARData').DataTable(
                    );
                    });
                </script>

结果输出被传递到数据表中，但其未初始化，即显示分页等：

<script type="text/javascript">
$(document).ready(function(){
$('#RARData').DataTable(
);
});
</script>

我对整个java/ajax世界都是新手。谁能告诉我我做错了什么

---

谢谢大家。

FindAlarmRecords.cfm是表数据的来源吗？是的-它只是将表单字段“q”解析到where子句中：“代码”选择[Date]作为RecDate、[Total Received]作为TRec、[Total Resolved]作为TRes、[Total Passed]作为TPO、[Works Shutdown]作为WS、[AddedBy]、[Date Added]截至日期，[Hub站点]作为HS，[Sub站点]作为SS，ID来自[ADS_Dev].[WTWPT].[AlarmRecords]，其中[HSEN]='q'顺序由[Hub站点]，[Sub站点]您需要使用datatables API通过ajax加载数据。看看这个：