render json using jquery template

Question

I have below Json output

{ "IDsInThisList":"28184,28181,28180,28178","RowsReturned":"4","List" :[{"ContentID":28184,"ArticleType":"News","Headline":"Mobile Bytes","Article":"<p>HTC CFO Chialin Chang expects the manufacturer&rsquo;s fortunes to change for the better going in to 2014.</p>"}]}

I need to get "Headline" out and display it using jquery template, i normally uses {{:Headline}} but for somereason its not working, possibly because its inside "List", how to i render "Headline" out?

json not directly populate the html your have to use any javascript template engine: eg :JADE — Jain
– Jain, Commented Feb 10, 2014 at 17:45

Pranav C Balan · Accepted Answer · 2014-02-10 17:43:25Z

3

Parse the string using JSON.parse() then access using a.List[0].Headline

var a=JSON.parse('{ "IDsInThisList":"28184,28181,28180,28178","RowsReturned":"4","List" :[{"ContentID":28184,"ArticleType":"News","Headline":"Mobile Bytes","Article":"<p>HTC CFO Chialin Chang expects the manufacturer&rsquo;s fortunes to change for the better going in to 2014.</p>"}]}');

console.log(a.List[0].Headline);

Fiddle Demo

answered Feb 10, 2014 at 17:43

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

2 Comments

user3045352 Over a year ago

But how to display using Jquery template?

Pranav C Balan Over a year ago

what you mean by Jquery template?

Collectives™ on Stack Overflow

render json using jquery template

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related