弹出html:
<div class="row" id="get_uv_detail" style="display:none">
<div class="box border">
<div class="box-body">
<div class="uv-more-detail" style="max-height:450px;padding-right:10px" ></div>
</div>
</div>
</div>
在控制器中,我有这样返回数据的功能:
[{"name":"p1"},{"name":"p2"}]
如何将其附加到弹出窗口中?
我必须显示这样的数据:
Name
-----
p1
p2
这是我的脚本:
.done(function(data) {
$('.uv-more-detail').append(data);
});
// pop-up display
bootbox.dialog({
message: msg,
title: title,
buttons: {
main: {
label: "Close",
className: "btn-primary",
callback: function() {
$(".bootbox").modal("hide");
}
}
}
});
这与@ParthTrivedi:提供的链接的答案相同
$(document).ready(function () {
$.getJSON(url,
function (json) {
var tr;
for (var i = 0; i < json.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + json[i].name+ "</td>");
tr.append("<td>" + json[i].date+ "</td>");
$('table').append(tr);
}
});
});
有关更多答案:解析HTML表的JSON对象