Во-первых, это не является допустимым JavaScript или JSON:
some_product = [
tags: 'home, garden, kitchen',
url: http://listing.url,
price: 100
],
some_product_2 = [
tags: 'home, lifestyle, books',
url: http://listing2.url,
price: 120
]
выше должен быть заменен { }
для объектов.
{
some_product: {
tags: 'home, garden, kitchen',
url: http://listing.url,
price: 100
},
some_product_2: {
tags: 'home, lifestyle, books',
url: http://listing2.url,
price: 120
}
}
Вышеупомянутый объект JavaScript сейчас. Но это стало лучше. Теперь, будучи чистым JSON, он должен быть добавлен в переменную JavaScript. Рассмотрим это:
var products = {
some_product: {
tags: 'home, garden, kitchen',
url: http://listing.url,
price: 100
},
some_product_2: {
tags: 'home, lifestyle, books',
url: http://listing2.url,
price: 120
}
}
Теперь с помощью products
, вы можете петлю и поместить его в качестве элемента списка.
var products = {
some_product: {
tags: 'home, garden, kitchen',
url: 'http://listing.url',
price: 100
},
some_product_2: {
tags: 'home, lifestyle, books',
url: 'http://listing2.url',
price: 120
}
}
var finalHtml = "";
for (var item in products) {
finalHtml += '<li><a href="' + products[item].url + '">' + item + '<\/a> <br \/>Tags: ' + products[item].tags + '<br \/>Price: ' + products[item].price + ' $</li>';
}
document.getElementById("products").innerHTML = finalHtml;
<ul id="products"></ul>
См фрагмент выше.
Это не работает JavaScript. –
Я не уверен, что я действительно понял, что вы пытаетесь сделать, но в любом случае это немного пахнет работой для файла 'JSON', используемого с помощью AJAX'. – MorKadosh