Как записать данные из json в динамически создаваемый div - книга контактов.
Json файл содержит несколько параметров - имя, почта, аватарка и др.
Как их по очереди записать в див для каждого контакта?
Вот примерный код:
<div id="contacts_list"></div>
var module_contacts_list = (function() {
function ajax(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.onreadystatechange = function() {
//if (this.readyState == 4 && this.status == 200)
if (this.readyState == 4) {
if (this.status == 200)
callback(JSON.parse(this.responseText));
}
};
xhr.send(null);
}
ajax('http://demo.sibers.com/users', function(data) {
var div_contact = document.createElement('div');
div_contact.className = 'contact';
var contact_name = data.map(function(el) {
for (var i = 0; i < data.length; i++) {
$('.contact').append(el.name);
}
});
var contact_email = data.map(function(el) {
for (var i = 0; i < data.length; i++) {
$('.contact').append(el.email);
}
});
document.getElementById('contacts_list').appendChild(div_contact);
div_contact.appendChild(contact_name);
div_contact.appendChild(contact_email);
});
})();