Bueno estoy trabajando con AJAX, JavaScript y por supuesto jQuery, he conseguido traer la respuesta de los datos desde la base de datos pudiendo así acceder y mostrar los datos principales de este, el problema va en que no he podido acceder a los elementos hijos que cada padre tiene, no se muy bien como hacerlo, ya he probado varias cosas y me tiene desde ayer atrapado, les dejare mi código para que puedan entender lo que tengo hecho.
Como pueden ver en el código consigo los nombres de las categorías padres las despliego con jQuery insertándolas en el HTML y todo se ve bien, la cosa es y las sub-categorías?
Aqui JSON
[
{
"id": "28",
"name": "Restaurante",
"activo": "true",
"sub": [
{
"id": "29",
"name": "Comida Casera"
},
{
"id": "38",
"name": "Cafetería"
}
]
},
{
"id": "30",
"name": "Música",
"activo": "true",
"sub": [
{
"id": "31",
"name": "Academia de Música"
}
]
},
{
"id": "33",
"name": "Bienstar sexual ",
"activo": "true",
"sub": [
{
"id": "34",
"name": "Gel íntimo "
},
{
"id": "66",
"name": "Juguetes para adultos"
}
]
},
{
"id": "41",
"name": "Moda",
"activo": "true",
"sub": [
{
"id": "40",
"name": "Mochilas"
},
{
"id": "67",
"name": "Zapatos Hombre"
}
]
},
{
"id": "59",
"name": "Auto",
"activo": "true",
"sub": [
{
"id": "60",
"name": "Accesorio para automóviles "
},
{
"id": "61",
"name": "Lavado para automóviles "
}
]
},
{
"id": "63",
"name": "Belleza",
"activo": "true",
"sub": [
{
"id": "64",
"name": "Salón de Belleza"
},
{
"id": "65",
"name": "Productos de Belleza"
}
]
},
{
"id": "68",
"name": "Deporte",
"activo": "true",
"sub": [
{
"id": "69",
"name": "Gimnasios"
}
]
}
]
Aquí el JavaScript.
$.ajax({
type: 'GET',
url: 'http://www.kupomcity.com/gamma/api_v2.php?
_opt=categorias&_act=view',
dataType: 'json',
data: null,
beforeSend: function() {
//alert('Fetching....');
},
success: function() {
//alert('Fetch Complete');
},
error: function() {
//alert('Error');
},
complete: function(data) {
var ul = $("<ul class='navbar-nav'>");
for (var j = 0; j < data.responseJSON.length ; j++) {
ul.append("<li class='dropdown'><a href='templates/interior-categoria.html' class='nav-link' data-toggle='dropdown'>" + data.responseJSON[j].name + "<b class='caret'></b></a><ul class='dropdown-menu'><li><a href='templates/interior-categoria.html'>" + data.responseJSON[j].name + "</a></li></ul></li>");
}
$("#categorias").append(ul);
if (JSON.stringify(data.statusText) == '"OK"') {
//$('#cupones_usados').text(JSON.stringify(data.responseJSON));
//alert("cupones: " +JSON.stringify(data.responseJSON));
}
}
});