append data in popup using jquery php

Question

Pop-up 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>

In controller i have function that returns data like this:

[{"name":"p1"},{"name":"p2"}]

How can I append it in the pop-up?

I have to display data like this:

Name
-----
p1
p2

Here is my script:

.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");
              }
            }
          }
        });

You are trying to append `JSON` to `html`. Make html from `JSON` and then do `append` :) — Parth Trivedi, Jan 13 '16 at 11:04
First try with searching over stackoverflow. if you found any problem then other can help. — Parth Trivedi, Jan 13 '16 at 11:08
@ParthTrivedi i tried this: `var res = JSON.parse(data); $.each(res, function(key, index){ $('.uv-more-detail').append(index); });` but no luck — Pathik Vejani, Jan 13 '16 at 11:08
You should refer this http://stackoverflow.com/questions/17066636/parsing-json-objects-for-html-table?answertab=active#tab-top — Parth Trivedi, Jan 13 '16 at 11:10

score 0 · Answer 1 · edited May 23 '17 at 10:28

This is the same answer as link provided by @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);
        }
    });
});

For more answers: Parsing JSON objects for HTML table

append data in popup using jquery php

1 Answers1