1
{"producto": [{"precio": 8000.0, "cantidad": 1, "venta_id": 23, "producto__nombreProducto": "Aguila ligth"}, 
{"precio": 50000.0, "cantidad": 1, "venta_id": 23, "producto__nombreProducto": "Ron medell\u00edn media"}, 
{"precio": 8000.0, "cantidad": 1, "venta_id": 23, "producto__nombreProducto": "Reds"}]}

como hago para recorrerlo

function verDetalle(ruta) {
    $.ajax({
        url: ruta,
        dataType: "json",
        success: function(respuesta) {
            var salida = "";
            // salida = "<table class='table table-dark'>";
            for (const i in respuesta) {
                for (const j in respuesta[i]) {
                    salida += respuesta[i][j];
                }
            }
            // $.each(respuesta, function(indice, valor) {
            // salida += " <tr> <td> " + indice + "</td><td>" + valor + "</td></tr>"
            // });
            //salida += "</table>";
            document.getElementById("cuerpoModal").innerHTML = salida;

        },
        error: function() {
            alert('error');
        }

    });
}

eta intentando de esta manera pero no me da

1
  • Podrías comentarnos si te da algún error y cual es? Commented el 22 nov. 2019 a las 20:37

1 respuesta 1

0

Si quieres por ejemplo imprimir el precio de cada producto, puedes hacerlo asi:

var respuesta = {"producto": [{"precio": 8000.0, "cantidad": 1, "venta_id": 23, "producto__nombreProducto": "Aguila ligth"}, 
{"precio": 50000.0, "cantidad": 1, "venta_id": 23, "producto__nombreProducto": "Ron medell\u00edn media"}, 
{"precio": 8000.0, "cantidad": 1, "venta_id": 23, "producto__nombreProducto": "Reds"}]}



            var salida = "";
            // salida = "<table class='table table-dark'>";
            for (const i in respuesta.producto) {
                
                    salida += respuesta.producto[i].precio + ' ';
                
            }
            // $.each(respuesta, function(indice, valor) {
            // salida += " <tr> <td> " + indice + "</td><td>" + valor + "</td></tr>"
            // });
            //salida += "</table>";
            document.getElementById("cuerpoModal").innerHTML = salida;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<div id="cuerpoModal"></div>

1
  • 1
    Muchas gracias tu respuesta fue de gran ayuda Commented el 23 nov. 2019 a las 20:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.