parseJSON / JSON.parse getting key and using in HTML page

parseJSON / JSON.parse getting key and using in HTML page

by Andrew Pougher

HTML

<h1 id="a"></h1>
<h2 id="b"></h2>

CSS

img {float:left;border:5px solid #eeeeee;box-shadow:1px 1px 4px 4px #cecece;margin-right:30px}

JavaScript

var obj = $.parseJSON('{"name": "Andrew", "skills": "FED, JQuery, Jazz Trumpet, Piano", "jobtitle": "urgh", "profile_id": "apougher"}');
$("#a").text(obj['profile_id']);

var t = JSON.parse('{"name": "Andrew", "skills": "FED, JQuery, Jazz Trumpet, Piano", "jobtitle": "urgh", "profile_id": "apougher", "profile_url": "http://m.c.lnkd.licdn.com/media/p/3/000/029/30d/2e6d1ad.jpg"}');
$("#b").text(t['skills']);


var img = "<img src='"+(t['profile_url'])+"' alt='"+(t['name'])+"' title='"+(t['name'])+"'/>"
$(img).appendTo("h1");