0

tengo el siguiente problema: estoy recorriendo con $.each para imprimir en blade, los datos que obtengo en consola con ajax son los correctos pero al querer imprimir en blade me muestra como undefined. Estoy trabajando con laravel en el backend

A la derecha el resultado en blade y a la izquierda los datos que obtengo en consola con ajax.introducir la descripción de la imagen aquí

utilizo AJAX y jquery para mostrar los datos en consola e imprimir en blade, el código es el siguiente:

$(document).ready(  function () {
    
    obtener_datos( );

    function obtener_datos( ) {

        $.ajax({
            url: "{{ route('ajax.datos.index') }}",
            method: 'GET',
            data: {},
            dataType: 'json',
            success: function ( data ) {
                mostrar_datos( data );
                console.log(data);
            },
            error: function ( jqXHR, textStatus, errorThrown ) {
                console.log(jqXHR.responseJSON);
            }
        });

    }

    function mostrar_datos( datos ) {
        
        let HTML = "";

        $.each( datos, function( key, pagina ) {

            HTML += `
                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4 content_new_time">
                    <div class="pricingTable">
                        <div class="pricingTable-header">
                            <h3 class="title">${pagina.id}</h3>
                        </div>
                        
                    </div>
                </div>
            `;

        });

        $("#container_html").html( HTML);
    }


});

ESTE ES EL MODELO introducir la descripción de la imagen aquí

ESTE ES EL RESOURCE introducir la descripción de la imagen aquí

ESTE ES EL CONTROLLER introducir la descripción de la imagen aquí

11
  • Me causa ruido lo siguiente: HTML = HTML + por qué no solo pones HTML+= el 18 oct. 2020 a las 16:12
  • ¿Podrías mostrar la forma en que respondes desde el servidor a esa petición Ajax?
    – A. Cedano
    el 18 oct. 2020 a las 16:30
  • He actualizado mi información, agradeceria su ayuda el 18 oct. 2020 a las 17:49
  • El código va como texto por favor
    – user128299
    el 18 oct. 2020 a las 17:49
  • concatena puro javascritp amigo y te debe funcionar. <h3 class="title">'+pagina.id+'</h3>. Recuerda blade es en el servidor y jv corre en el cliente.
    – Edel Rojas
    el 18 oct. 2020 a las 17:54

1 respuesta 1

0

el problema esta aqui ${pagina.id}, porque colocas entre llaves y signo de dolar? esto es js

function mostrar_datos(datos) {
    
let html = "";

$.each(datos, function(key, pagina) {

    html += '<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4 content_new_time">'
        html += '<div class="pricingTable">'
            html += '<div class="pricingTable-header">'
                html += '<h3 class="title">'
                html += pagina.id
            html += '</div>'        
        html += '</div>'
    html += '</div>'
    ;
}

}

te dejo el codigo mas organizado.

Saludos

2
  • El código es funcional así amigo te recomiendo leer sobre template strings en javascript por eso la sintaxis de ${}
    – user128299
    el 20 oct. 2020 a las 1:50
  • Te recomiendo mucho leas esto
    – user128299
    el 20 oct. 2020 a las 2:03

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.