A Pen by Leonardo Lima.

index.html

<h2>Convertendo um texto Json para um objeto Java Script</h2>
<p>
Title: <span id="title"></span><br> 
Subtitle: <span id="subtitle"></span><br> 
Image: <span id="image"></span><br> 
Text: <span id="text"></span>  
</p> 
  

Json-to-JS.markdown

Json to JS

Converting a Json text to a Java Script object.

A Pen by Leonardo Lima on CodePen.

License.

script.js

var txt = '{"blog":[' +
    '{"title":"Hair transplants","subtitle":"Vestibulum iaculis","image":"item-colors.jpg","text":"Odipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliqu am dapibus tincidunt metus. Praesent justo dol or, lobortis quis, lobortis dignissimpulvinar acl orem." },' +
    '{"title":"Womens hair loss","subtitle":"Lites crierium prama","image":"item-woman.jpg","text":"In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliqu am dapibus tincidunt metus. Praesent justo dol or, lobortis quis, lobortis dignissimpulvinar aclibulum sedsagittis eonsectetur." },' +
    '{"title":"xxx","subtitle":"Crumblist octono plumbts","image":"item-man.jpg","text":"Aliqu am dapibus tincidunt metus. Praesent justo dol or, lobortis quis, lobortis dignissimpulvinar acl orem. Vestibulum sed ant Donec sagittis euismod ipsum dolor sit amet, consectetur." }]}';

var obj = eval ("(" + txt + ")");

document.getElementById("title").innerHTML=obj.blog[0].title;
document.getElementById("subtitle").innerHTML=obj.blog[0].subtitle;
document.getElementById("image").innerHTML=obj.blog[0].image;
document.getElementById("text").innerHTML=obj.blog[0].text;