Toda página pode ter o seu conteúdo consultado via requisições AJAX e ter o conteúdo de seu(s) data provider(s) retornados como JSON.
Essa possibilidade é útil para consultas dinâmicas de preço, carregamentos de itens, vitrines e filtros sob demanda, entre outros.
Para isso, basta disparar uma requisição via protocolo GET para a URL pública de uma página existente solicitando o retorno como JSON no cabeçalho da requisição, através do parâmetros Accept: application/json, indicando que o retorno aceitável deve ser um objeto do tipo JSON E também X-Requested-With: XMLHttpRequest, indicando que trata-se de uma chamada AJAX.
Caso os cabeçalhos não sejam informado corretamente, a página será renderizada e retornada como HTML. Veja o exemplo abaixo construído utilizando jQuery:
$.get('https://www.minhaloja.com.br/', {}, function(data){
// a variável data contém todos os data providers associados à página, bem como os valores de suas propriedades
}, 'json')
De forma semelhante, é possível consultar os valores de um data provider específico e suas propriedades através do parâmetro alias. Veja o exemplo abaixo construído utilizando jQuery:
$.get('https://www.minhaloja.com.br/?alias=destaques', {}, function(data){
// a variável data contém os valores das propriedades do data provider relacionado à página através do alias "destaques"
}, 'json');
Também é possível consultar uma propriedade específica do data provider especificado no alias. Isso é útil para otimização de performance, carregando somente alguns dados específicos e não todo o data provider.
$.get('https://www.minhaloja.com.br/?alias=destaques->collection', {}, function(data){
// a variável data contém somente o valor da propriedade "collection" do data provider relacionado à página através do alias "destaques"
}, 'json');
Comentários
0 comentário
Por favor, entre para comentar.