无法通过 ajax 使用 jquery 数据表从文件中获取数据
Posted
技术标签:
【中文标题】无法通过 ajax 使用 jquery 数据表从文件中获取数据【英文标题】：could not get data from file by ajax with jquery datatable 【发布时间】：2015-09-13 01:23:49 【问题描述】：我在这里使用示例：https://datatables.net/examples/styling/jqueryUI.html
下面是我的html和jquery代码
<html>
<head>
<link rel="stylesheet" type="text/css" href="jquery-dataTables.css">
<script type="text/javascript" charset="utf8" src="jquery-min.js"></script>
<script type="text/javascript" charset="utf8" src="jquery-dataTables.js"></script>
<script>
$(document).ready(function()
$('#example').dataTable(
"ajax": "data/test.txt",
"columns": [
"data": "name" ,
"data": "position" ,
"data": "office" ,
"data": "extn" ,
"data": "start_date" ,
"data": "salary"
]
);
);
</script>
</head>
<body>
<table id="example" class="display" cellspacing="0" >
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Extn.</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Extn.</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
</table>
</body>
</html>这是我文件的结构
但它无法将数据加载到数据表中，有人可以帮忙吗？
编辑（附上我的测试数据）：此数据用于
“数据”：[ “名称”：“老虎尼克松”， "position": "系统架构师", “薪水”：“320,800 美元”， “开始日期”：“2011/04/25”， “办公室”：“爱丁堡”， “分机”：“5421” , “名称”：“加勒特温特斯”， “职位”：“会计师”， “薪水”：“170,750 美元”， “开始日期”：“2011/07/25”， “办公室”：“东京”， “分机”：“8422” , “名称”：“阿什顿考克斯”， "position": "初级技术作者", “薪水”：“86,000 美元”， “开始日期”：“2009/01/12”， “办公室”：“旧金山”， “分机”：“1562” , “名称”：“塞德里克·凯利”， "position": "高级 Javascript 开发人员", “薪水”：“433,060 美元”， “开始日期”：“2012/03/29”， “办公室”：“爱丁堡”， “分机”：“6224” , “名称”：“卡拉·史蒂文斯”， “职位”：“销售助理”， “薪水”：“145,600 美元”， “开始日期”：“2011/12/06”， “办公室”：“纽约”， “分机”：“3990” , “名称”：“唐娜·斯奈德”， “职位”：“客户支持”， “薪水”：“112,000 美元”， “开始日期”：“2011/01/25”， “办公室”：“纽约”， “分机”：“4226” ]
谢谢
【问题讨论】：
test.txt的内容怎么样？
【参考方案1】：
我假设您使用了来自Datatables ajax simple example 的示例test.txt 文件，但在this example 中定义了列。问题是test.txt 文件没有列，您的数据表需要。所以有两种方法可以修复它：
不要在数据表中定义列
$(document).ready(function()
$('#example').dataTable(
"ajax": "data/test.txt"
);
);
或更改您的 test.txt 文件以匹配列，例如：
"data": [
"name": "Airi",
"position": "Accountant",
"office": "Tokyo",
"extn": "...",
"start_date": "28th Nov 08",
"salary": "$162,700"
,...
【讨论】：
感谢您的回复，但两种解决方案均无效。 :( 能否提供test.txt的内容，这样比较方便以上是关于无法通过 ajax 使用 jquery 数据表从文件中获取数据的主要内容，如果未能解决你的问题，请参考以下文章
jquery-无法从我通过ajax调用获得的对象类型响应中检索数据
使用 FormData 和 jQuery 上传 Ajax 大文件无法发布数据
无法使用 JQuery AJAX 将图像 + 文本数据上传到 Laravel