Как парсить и выводить JSON в HTML с помощью JavaScript?

Question

[Лаврентий Федотов]

Приветствую.
Необходимо парсить JSON, который находится на другом сайте, а после читать этот json и выводить таблицей в html на сайт.
Думаю, что можно сделать это с помощью javascript методом JSON.parse, но никогда не работал с JavaScript и не нашел примера парсинга именно url сайта.
И не до конца понимаю как выводить с помощью innerHTML \ outerHTML

Прошу помощи. Как проще это реализовать и если есть примеры, было бы идеально.
Заранее спасибо!

Comments

[dpismenny]

Java is to JavaScript as ham is to hamster...

Answer 1

[Ди Ма]

Например:

var data = {
	name: 'Jack',
	items: {
		dog: 1,
		car: 1,
		phone: 2,
	},
};

// объект в json
var json = JSON.stringify(data); // {"name":"Jack","items":{"dog":1,"car":1,"phone":2}}

// json в объект
var obj = JSON.parse(json); // объект

Когда получаем json- преобразуем его в объект, а дальше уже в зависимости от структуры данных

var data = JSON.parse('{"name":"Jack","items":{"dog":1,"car":1,"phone":2}}');

var header = '<h2>My name is ' + data.name + '</h2>';
var list = '';

for (var i in data.items) {
	list += '<li>' + i + ': ' + data.items[i] + ' шт. </li>';
}

document.getElementById('div').innerHTML += header;
document.getElementById('div').innerHTML += '<ul>' + list + '</ul>';

// Конечно, лучше создавать элементы через
// var div = document.createElement('div');
// наполнять через div.innerHTML = "text";
// и добавлять их через element.appendChild(div);

Answer 2

[Ksider]

ну как-то так на jquery

$.getJSON(url_json, function(data){
 $.each(data.items, function(key, val) {

// перебор масива

  });
});