Como ler uma estrutura jSON com Dom 7 (Framework 7) de forma fácil.

Oi!

Esta aula é apenas um complemento da aula Como ler uma estrutura jSON com JQuery de forma fácil., basicamente maior da parte do código é igual. Ao invés de usarmos o selet $.get do jQuery, no DOM 7 usamos request.get.

O mesmo exemplo mostrado na aula com jQuery, em DOM 7 ficaria assim;

app.request.get('http://appcinema.esy.es/mobile/lista_ofertas.php', function (data) {
	console.log('encontrei ' + data.length + ' registros');
	for(linha=0; linha < data.length; linha++)
	{
		console.log('');
		console.log('REGISTROS DA LINHA' + linha);
		console.log('ID da Promoção: ' + data[linha].id_promocao);
		console.log('Nome do Mercado: ' + data[linha].nome_do_mercado);
		console.log('Produto: ' + data[linha].produto);
		console.log('Valor: ' + data[linha].valor);			
	}		
});

Importante 1 – Na primeira linha temos o app.request.get() sendo que o prefixo app é o nome da variável usada para iniciar o Framework 7 no arquivo my-app.js conforme visto na documentação aqui – https://framework7.io/docs/init-app.html. Se você estiver utilizando outro nome de variável que não seja app, você deverá fazer a troca.

Importante 2 – Para que o DOM 7 funcione e consequentemente o script acima também funcione é necessário iniciar o DOM 7 dentro do arquivo my-app.js. Na primeira linha do arquivo my-app.js acrescente o código var $$ = Dom7;

Deixe seu comentário