How can I access array element value in json

Question

I'm not able to access _sValues in my html page, however i can able to console.log the interested _sValues array element in console.

JSON

[
    {  
      "_this":{  
         "_isEvent":false,
         "_sNames":[  
            "name",
            "tag",
            "notes",
            "input",
            "type",
            "action"
         ],
         "_sValues":[  
            "Testing01",
            "#13",
            "1504013826",
            "No details",
            "cType",
            "NA"
         ],
         "_cName":"namesList",
         "_dName":"TEST",
         "_id":"12345",
      }
   }
]

HTML

<th class="col-md-5 col-xs-5" data-field="_this._sValues[1]" data-sortable="true">S-VALUES</th>

I would like to see #13 displayed on the page instead i don't see any values or console error. However i can display all values by doing _this.sValues

SCRIPT

var data;
$(function () {
    $.getJSON("http://localhost:8080/services/webapi/getAllData", function(json){
       data = json;
       $('#table').bootstrapTable({
          data: data
       });
    });
});

DEV TOOL

data[0]._this._sValues[1]
"#13"

How are you trying to inject the value from your javascript into the html? — quickshiftin
– quickshiftin, Commented Aug 30, 2017 at 3:33

Huy Nguyen · Accepted Answer · 2017-08-30 03:45:26Z

1

In your case, i assume you only have one row.

$(".col-md-5").attr("data-field",data[0]._this._sValues[1]);

It will inject the data to html. If you have multi row, you can use for loop.

answered Aug 30, 2017 at 3:45

Huy Nguyen

2,0611 gold badge12 silver badges11 bronze badges

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

Comments

andre mcgruder · Accepted Answer · 2017-08-30 03:55:02Z

1

I believe you have a silent error. It has to do with the trailing comma in your data object.

 "_id":"12345",

// should be

 "_id":"12345"

That's all I noticed. I Courbet wrong but I know trailing commas mess with some browsers.

answered Aug 30, 2017 at 3:55

andre mcgruder

1,5521 gold badge11 silver badges13 bronze badges

Collectives™ on Stack Overflow

How can I access array element value in json

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related