how to show json array jquery in table

Question

how to showing data url in table i try with my json

<script type="text/javascript">
    $(document).ready(function () {
        $.getJSON("coba.json",function (data) {
            var coba = '';
            $.each(data,function (key,value) {
                coba += '<tr>';
                coba += '<td>'+value.id+'</td>';
                coba += '<td>'+value.contact_first_name+'</td>';
                coba += '<td>'+value.contact_last_name+'</td>';
                coba += '<td>'+value.contact_gender+'</td>';
                coba += '</tr>';
            });
            $('#ayam').append(coba);
        });
    });
</script>

my json code https://pastebin.com/nxUkJqv5

whats your error?

bunbun
– bunbun

2018-09-25 07:29:44 +00:00
Commented Sep 25, 2018 at 7:29 — bunbun
– bunbun, Commented Sep 25, 2018 at 7:29
data not show ... im use url form api

Nanda
– Nanda

2018-09-25 07:44:12 +00:00
Commented Sep 25, 2018 at 7:44 — Nanda
– Nanda, Commented Sep 25, 2018 at 7:44
you missed json.parse(data) for your data

Ahmed Sunny
– Ahmed Sunny

2018-09-25 07:54:57 +00:00
Commented Sep 25, 2018 at 7:54 — Ahmed Sunny
– Ahmed Sunny, Commented Sep 25, 2018 at 7:54
@AhmedSunny no,$.getJSON do it automatically

Death-is-the-real-truth
– Death-is-the-real-truth

2018-09-25 08:00:09 +00:00
Commented Sep 25, 2018 at 8:00 — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Sep 25, 2018 at 8:00

Death-is-the-real-truth · Accepted Answer · 2018-09-25 07:26:22Z

1

You need to use data.data inside $.each And code will work

Hard-coded working snippet:-https://jsfiddle.net/pqgo6rxa/

Note:- It's because data is the index which have all values that you want to append to table.

answered Sep 25, 2018 at 7:26

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Death-is-the-real-truth Over a year ago

@Nanda i don't know laravel. Sorry. You can ask new question for requirement

Collectives™ on Stack Overflow

how to show json array jquery in table

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related