var request = new XMLHttpRequest() request.open('GET', 'json/renglones.json', true) request.onload = function() { // begin accessing JSON data here var info = JSON.parse(this.response) var list = document.getElementById("list"); for (var i = 0; i < info.length; i++) { var item = ons.createElement(`<ons-list-item expandable onclick="fn.pushPage({'id': 'artesanias.html', 'title': '${info[i].Renglones}')"> <div class="center">${info[i].Renglones}</div> <div class="right"><img class="list-item__thumbnail" src="img/${info[i].Renglones}.png"></div> <div class="expandable-content"> <ons-list> <ons-list-item>Artesanos</ons-list-item> <ons-list-item>Especificaciones</ons-list-item> </ons-list></div> </ons-list-item>`); list.appendChild(item); } } request.send()