0

Hola buen día tengo esta tabla de productos

class Producto extends Model
{
    protected $table = 'productos';
    
     protected $fillable = [
        'category_id',
        'titulo',
        'precio'
    ];
    
    protected $primarykey = 'id';
    
}

y en su controlador le hice una consulta para traer los datos según su id

    public function byProducto($id){
        return DB::table('productos as p')
             ->select('p.id','p.titulo','p.precio','p.created_at','p.updated_at')
             ->where('p.id', '=', $id)
             ->get();;
    }
        

y en la ruta api puse lo siguiente

Route::get('/producto/{id}/producto','ProductoController@byProducto');

y si me ejecuta bien la consulta pero ahora lo que quiero es traer esos datos que tengo y rellenarlos en mis inputs, la idea es que cuando se seleccione un producto, los demás campos se rellenen con la información que tiene ese producto (titulo, precio)

esto es lo que me retorna en la consola introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

y quiero llamar esos datos que tengo pero aun no logro hacerlo

este es mi script

 $(function(){
        $('#pid_articulo').on('change',onSelectProducto);
    });

    
    function onSelectProducto(){
        var id = $(this).val();
         $.get('api/producto/' + id + '/producto', function(data){  
            
                   console.log(data);
                $.each(data, function(id, opt) {
                     var html = '';
                    html = '<input value="' + data.titulo +'">'
                    $('#input_1').val(html);
                    $("#input_2").val(data.precio);
                });
            
         });
        
    }

lo intente de esa manera pero no logro tener éxito

Agradezco todas las respuestas

3 respuestas 3

1

En el controlador puedes hacer la consulta mas pequeña, quedandote asi

//Si existe te traerá un objeto, si no, devuelve null
return Producto::find($id);

En javascript puedes buscar si te regreso un objeto o null

if(data !== null) {
$("#input_2").val(data.precio);
....
}

No puedes meter un elemento de html a otro como lo tienes en input_1

1
  • Agradezco tu comentario, ya pude resolverlo
    – Chazz IV
    Commented el 22 oct. 2019 a las 19:00
0

ni idea de que quieres lograr, llenar el select?, o solo los campos input en cualquier caso, primeramente data es una lista o array, no pudes usarlo directamente.

Tienes que usar un indice

$('#input_1').val(data[0].titulo);
$("#input_2").val(data[0].precio);

usas data[0] en caso de que esperabas un único valor, pero si era una lista y querias llenar el select.

data.forEach(producto=> $("#input_1").append('<option value="'+producto.id+'">'+producto.titulo+'</option>') );
1
  • Gracias, ya pude resolverlo
    – Chazz IV
    Commented el 22 oct. 2019 a las 19:00
0

Ya logre resolver lo gracias por las respuestas lo hice de la siguiente manera

        function onSelectName(){
        var name = $(this).val();        
         $.get('api/producto/' + name + '/producto', function(datas){
            var html_select = '';
            for (var a = 0; a < datas.length; ++a)
            html_select += (datas[a].titulo);
          $('#pid_articulo').val(html_select);

         });

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.