Bom estou trabalhando com o framework Laravel
na versão 5.2
estou desenvolvendo uma API
onde tenho um Painel administrativo
que produz e gerencia o conteúdo, no caso em questão produto
, e tenho um outro site que consumirá está API do painel administrativo
onde ela tem que listar todos os produtos.
Dentro de produto
tenho vários itens como: imagens, categoria, subcategoria, entre outros. Estou consumindo esta API
via JQUERY
efetuando o comando $.getJSON()
. Porém estou tendo problemas para acessar meus itens do produtos como por exemplo imagens.
Em meu Model produto
fiz da seguinte maneira:
use SoftDeletes;
protected $fillable = [
'CdSubCategoria',
'NmProduto',
'DscProduto',
'VlUnit',
'UnitEmEstoque',
'FlgDescontinuado',
'FlgProdutoVisivel',
'Visivel_Ini',
'Visivel_Fim',
'FlgPontua',
'QtdPontos',
'MaxPontosPorSubCategoria'
];
protected $primaryKey = 'CdProduto';
protected $dates = ['deleted_at'];
public function subCategoria()
{
return $this->belongsTo('App\SubCategoria','CdSubCategoria','CdSubCategoria');
}
public function imagens(){
return $this->hasMany('App\Imagem', 'CdProduto', 'CdProduto');
}
public function lotes(){
return $this->hasMany('App\LoteProduto', 'CdProduto', 'CdProduto');
}
public function tipo_produto_embalagem(){
return $this->belongsTo('App\TipoProdutoEmbalagem', 'CdProduto', 'CdProduto');
}
No meu Controller Produto
que é onde acesso com $.getJSON()
eu fiz o seguinte, uma função index()
que identifica o primeiro metodo
de meu controller
:
public function index(){
$produtos = Produto::all();
if(Request::wantsJson()){
return compact('produtos');
}else{
return view('Produto.listProduto', compact('produtos'));
}
}
Meu return compact('produtos')
é o que envia quando faço a requisição
.
Em meu site estou recebendo este array
e faço um .each()
em minha váriavel
dentro deste .each()
que estou tentando acessar meus itens do produto como imagens.
Meu código está da seguinte forma:
$.getJSON('http://localhost:8000/produtos', function(data) {
$('#todosProdutos').html('');
$.each(data, function (key, item) {
var ANTIGO = $('#todosProdutos').html();
console.log(item.imagens); //Aqui dei um console para tentar verificar as imagens porém retorna undefined
var html = ANTIGO + 'MEU HTML';
});
//console.log(html);
// $('#todosProdutos').html(html);
console.log(data);
});
Em meu console.log(item.imagens)
está retornando undefined
em qual parte do processo estou errando ? Tentei acessar outras como categoria, e também não está funcionando.
Quando dou console.log(item)
ele retorna apenas os itens que realmente estão na mesma tabela de produto, como exemplo: NmProduto, VlUnit, UnitEmEstoque, entre outros.