json display

by Andy Mcloughlin

HTML

<h2>json output</h2>
<h2>Links</h2>
<ol id="links">
</ol>

JavaScript

var ivzListings = {
        "listings" : [
        {
            "title" : "gift card from winners",
            "donation_id" : "1",
            "minimum_bid" : "20",
            "current_bid" : "0",
            "quantity" : "1",
            "company" : "Winners",
            "image" : "img/winners.jpg"
        },
            {
            "title" : "gift card from winners",
            "donation_id" : "1",
            "minimum_bid" : "20",
            "current_bid" : "0",
            "quantity" : "1",
            "company" : "Winners",
            "image" : "img/winners.jpg"
        }
        ]
    };

var output = '';

for (var i = 0; i <= ivzListings.listings.length; i++) {
	for (key in ivzListings.listings[i]) {
		if (ivzListings.listings[i].hasOwnProperty(key)) {
			output += '<li>' +
			'<a href = "' + ivzListings.listings[i][key] +
			'">' + key + '</a>' +
			'</li>';
		} // hasOwnProperty check
	} // for each object
} //for each array element

var update = document.getElementById('links');
update.innerHTML = output;