How to display JSON.stringify to HTML as values

Question

I have tried to fetch data using json, and it worked as I wanted to. But the problem is how can I display it on my page or HTML? what I am getting is [{"name":"Black wall"},{"name":"Green wall"},{"name":"Gray wall"}] so How can I make it formal and just display Black wall, Green wall, Gray wall. Is there a way to do this?

$(function(){
    $(".checkBoxClass").on("click", function() {
        var data = [];
        $("table > tbody > tr").each(function () {
        var $tr = $(this);
        if ($tr.find(".checkBoxClass").is(":checked")) {
            data.push({
            name: $tr.find(".name").text(),
            });
        }
        });
        console.clear();
        var messages = JSON.stringify(data);
        console.log(messages);
    });
});

@epascarello how can I do it sir, can you give me a guide? thank you I am new to jquery as you can see thanks — Jigen Otsuki
– Jigen Otsuki, Commented Oct 5, 2021 at 15:04
Has nothing to do with jQuery it is just basic JavaScript map() method. — epascarello
– epascarello, Commented Oct 5, 2021 at 15:05

epascarello · Accepted Answer · 2021-10-05 15:06:50Z

1

Basic array map() with join()

var data = [{"name":"Black wall"},{"name":"Green wall"},{"name":"Gray wall"}];

console.log(data.map(function(obj){ return obj.name; }).join(", "));

answered Oct 5, 2021 at 15:06

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

4 Comments

Jigen Otsuki Over a year ago

this is what I am looking for! thank you very much, I am learning now.

Jigen Otsuki Over a year ago

one last question, how can I call it to my HTML? I have <span id="name"></span>

epascarello Over a year ago

you set the text()

Jigen Otsuki Over a year ago

thank yuo very much sir

Behrouz Pooladrak · Accepted Answer · 2021-10-05 15:08:09Z

1

One of the ways that you can convert results to your format:

const myResult = [{"name":"Black wall"},{"name":"Green wall"},{"name":"Gray wall"}];

const myItems= myResult.map( (item)=> {
    return item.name;
});

console.log(myItems.join(','))

answered Oct 5, 2021 at 15:08

Behrouz Pooladrak

3114 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to display JSON.stringify to HTML as values

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related