求助：DataTables 关于Ajax交互

[水瓜君]

这个问题卡住我一天了。太难受了。

问题： DataTables 初始化无效 。
描述： JS里封装成点击事件。代码如下：

//加载背景
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/dataTables.bootstrap.min.js"></script>
//代码
 $("#openVoucherQueryTable").click(function(){
				  		$("#voucherQueryTable").dataTable({
				  			ajax:{
							       type:"POST",
							       url:"queryVoucherTable",    //请求地址
							       dataType:"json",
							       data:{"voucherid":88,"accountperiod":2017-05},
							       dataSrc:function(result){
							        	alert(result);
							       },
							       },
							    columns:[
							        {data:"date"},
							        {data:"accountperiod"}
							    ]
				  		});
				  });

点击按钮页面显示如下：

再次点击按钮，出现提示，不能重复初始化：

浏览器控制台：没有请求，只出现了一处错误如下：


情况如上，我去官网看了很久，但是不知道哪里出错了。
希望各位前辈能帮帮我。

[水瓜君]

[水瓜君]

问题已经解决了。 首先需要将完整的JS包导入，查看完整的未定义属性名 得到是Col这个属性。 之后就发现原来columns内的属性个数，没有与html格式内的<td></td>个数对应。导致初始化不成功。 结帖