如何通过AJAX从Laravel Controller传递此数组并创建表
如何通过AJAX从Laravel Controller传递此数组并创建表
提问于 2019-06-19 20:17:37
我有这个数组：
Array
(
[0] => Array
(
[start_break] => 2019-05-23 09:01:23
[end_break] => 2019-05-23 09:04:36
[time_diff] => 0.05
)
[1] => Array
(
[start_break] => 2019-05-23 12:05:33
[end_break] => 2019-05-23 12:07:19
[time_diff] => 0.03
)
)我想通过AJAX传递它，并在一个模式中创建一个表。到目前为止，我有以下JS代码：
$.ajax({
type: 'GET',
url: 'get-breaks',
data: {
t_date: $t_date,
emp_id: $emp_id
}
success: function (data) {
//append to table
},
error: function (data) {
}
});和这个HTML表格：
<table id="breaks-table">
<tr>
<th>Start Break</th>
<th>End Break</th>
<th>Time Difference</th>
</tr>
</table>我想将数组内容追加到表体中。我希望有人能帮上忙。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-19 20:35:06
我假设成功地从控制器获取了数组
在get之后像这样试一试
$.ajax({
type: 'GET',
url: 'get-breaks',
data: {
t_date: $t_date,
emp_id: $emp_id
}
success: function (data) {
//append to table
if(data.dateArray) {
data.dateArray.forEach(function(item,index) {
$("table#breaks-table").append(createTr(item));
});
}
},
error: function (data) {
}
});
function createTr(item) {
var tr = '<tr>' +
'<td class="className">' + item.start_break + '</td>' +
'<td>' + item.end_break + '</td>' +
'<td>' + item.time_diff + '</td>' +
'</tr>';
return tr;
} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56667450
复制相关文章
相似问题
腾讯云开发者
