Question

弹出式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");
              }
            }
          }
        });

Answer 1

这与@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);
        }
    });
});

更多答案：Parsing JSON objects for HTML table

使用jquery php在弹出窗口中附加数据

1 个答案: