将json数据附加到表体不会;不起作用
Appending json data to a table body doesn't work
我正在尝试将json数据附加到表体。我可以将它附加到div中,但当我尝试将它附加在表中时,什么也不会发生。几个小时以来,我一直在谷歌上搜索这个错误。我看到了许多使用相同方法的例子。。
这是我的javascript代码:
<script type="text/javascript">
function getData2(id){
$.ajax({
type: "POST",
url: "get.php",
data: {id:id},
dataType: "json",
success:function(response)
{
var trHTML = '';
$.each(response, function (i, item) {
trHTML += '<tr>' +
'<td>' + item.data1 + '</td>' +
'<td>' + item.data2 + '</td>' +
'<td>' + item.data3 + '</td>' +
'<td>' + item.data4 + '</td>' +
'<td>' + item.data5 + '</td>' +
'</tr>';
});
//alert(trHTML); This Works.. I can see data in an alert
//$('#aDiv').append(trHTML); This Works.. Appends to a div;
//$('#tablebody').append(trHTML); Doesn't work..
//$('#records_table tbody').append(trHTML); Doesn't work..
$('#records_table').append(trHTML); Doesn't work..
}
});
}
我的表格代码是:
<table id="records_table">
<thead>
<tr>
<th>Head 1</th>
<th>Head 1</th>
<th>Head 1</th>
<th>Head 1</th>
<th>Head 1</th>
</tr>
</thead>
<tbody id="tablebody">
//Json data will appear here...
</tbody>
</table>
现在,我只想将json数据附加到表体中。但我的代码结果是
1-通过警报命令,我可以查看所有数据2-如果我把它附加到div中,我可以看到所有数据3-我不能将它附加到表或表体。。。
我不明白我的错误在哪里。
提前感谢所有善良的人和他们的答案。。。
我在论坛上遇到了类似的问题,并检查了OP的代码,导致<tr>
为空。
$.each(response, function (i, item) {
trHTML += '<tr><td>' + item.data1 + '</td><td>' + item.data2 + '</td><td>' + item.data3 + '</td><td>' + item.data4 + '</td><td>' + item.data5 + '</td></tr>';
});
并保持代码的其余部分不变。
这应该有效:
var response = [{
"data1": "1",
"data2": "2",
"data3": "3",
"data4": "4",
"data5": "5"
}];
var trHTML = '';
$.each(response, function (i, item) {
trHTML += '<tr>' +
'<td>' + item.data1 + '</td>' +
'<td>' + item.data2 + '</td>' +
'<td>' + item.data3 + '</td>' +
'<td>' + item.data4 + '</td>' +
'<td>' + item.data5 + '</td>' +
'</tr>';
});
$('#records_table > tbody').append(trHTML);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="records_table">
<thead>
<tr>
<th>Head 1</th>
<th>Head 1</th>
<th>Head 1</th>
<th>Head 1</th>
<th>Head 1</th>
</tr>
</thead>
<tbody id="tablebody"></tbody>
</table>
希望得到帮助。
$('#myTable > tbody:last').append(data);
这个脚本与我一起工作
试试这个:$('#records_table').childs('body').append(trHTML);
相关文章:
- ngResource没有'从JSON文件解析HTML时不起作用
- Backbone.js 不起作用,而 Underscore、JSON 和 jQuery 可以
- 想要将 JSON 字符串传递给 javascript 变量 [ JSON.parse(),eval()] 对我不起作用,
- 显示 JSON 将不起作用
- Ajax 对 JSON 的请求不起作用
- JSON 数据解析不起作用
- 当图像和链接是 json 对象属性的值时,它们不起作用
- 尝试使用 AngularJS ng-repeat 显示 JSON 数据不起作用
- 对 URL 的 JSON-P 请求不起作用
- ajax get-json函数没有'不起作用
- 将JSON对象转换为敲除observable在IE8中不起作用,但在所有其他浏览器中都起作用
- 从d3.js中的文件读取json数据不起作用
- JSON.parse()在pentaho中的javascript中不起作用
- 在调用中使用返回的json值不起作用
- angularjs不起作用的Json响应
- wordpress phonegap json不起作用
- SAPUI5绑定问题:json文件中维护的列表项链接不起作用
- 反伪造令牌和Ajax JSON.stringify Post不起作用
- jQuery Autocomplete不起作用(JSON PHP到js)
- Jquery 1.10.2 在 IE10 中不起作用 - JSON