-1

Buenas tardes tengo un problema de rutas en laravel, tengo un archivo js en la carpeta public/js que envia datos mediante una url, y luego muestra un mensaje de alerta si funciono. Lo que haces es que al modificar un input text, se ejecuta este codigo.He probado mostrar un alert antes de que se ejecute el $.ajax y si funciona, pero luego de ahi no reconoce nada.

$(document).ready(function(){
$(".cantidad").keyup(function(e){
    if($(this).val()!==''){
        if(e.keyCode==13){

            var id=$(this).attr('data-id');
            var precio=$(this).attr('data-precio');
            var cantidad=$(this).val();

            $(this).parentsUntil('.producto').find('.subtotal').text('Subtotal: '+(precio*cantidad));

            $.ajax({
                type: "post",
                url: "{{ route('modificar_datos')}}",
                data:{
                    Id:id,
                    Precio:precio,
                    Cantidad:cantidad
                },
                success:function(e) {
                    alert("FUNCIONO");
                    $("#total").text('Total: '+e);
                } 
            });
        }
    }
});})$(document).on('ready',inicio);

Esta es mi ruta y ya probe ponerla en routes/web.php y routes/api.php como lei en algunas foros, he leido de todo y aun no me reconoce la ruta.

Route::get('modificar_datos','PagesController@modificar_datos')->name("modificar_datos");

Y esta es mi funcion, probe borrando todo el codigo y solo mostrando un mensaje con un echo 'Hola' y aun asi tampoco muestra, lo que me da que pensar que no me reconoce la ruta.

public function modificar_datos()
{   
    session_start();

                $arreglo=$_SESSION['carrito'];

                $total=0;
                $numero=0;
                for($i=0;$i<count($arreglo);$i++)
              {
               if($arreglo[$i]['Id']==$_POST['Id'])
            { 
               $numero=$i;
             }
                 }
                $arreglo[$numero]['Cantidad']=$_POST['Cantidad'];
                for($i=0;$i<count($arreglo);$i++){
                    $total=($arreglo[$i]['Precio']*$arreglo[$i]['Cantidad'])+$total;
                }
                $_SESSION['carrito']=$arreglo;

                echo $total;
}

Aqui se debe mostrar el total

  echo '<h2 id="total">Total: '.$total.'</h2>';

introducir la descripción de la imagen aquí

Me sale esto cuando entro a la consola de google chrome al trata de ejecutar el $ajax. introducir la descripción de la imagen aquí

1
  • Creo que es por que no puedes usar {{ route() }} en un archivo js, esto es para plantillas blade, no estoy muy seguro pero hace tiempo tuve ese problema, prueba poniendo tu ruta completa a mano, yo lo solucione guardando el valor de la ruta en un input - hidden y con js recogia ese valor Commented el 12 jun. 2019 a las 18:35

3 respuestas 3

3

Ten en cuenta que al estar la ruta en un archivo js externo, el cuál está siendo leído directamente por el navegador, sin «pasar» por el framework Laravel (Blade en este caso), básicamente el navegador no interpreta la sintaxis de Blade.

La solución más práctica, sin necesidad de aplicar un montón de «ingeniería» innecesaria, es agregar la url directamente:

        $.ajax({
            type: "post",
            url: "/modificar_datos",

Si deseas algo más sofisticado, puedes obtener las rutas de Laravel desde JS con Laroute, o podrías buscar cómo obtenerlas en un json o similar.

2
  • el archivo js lo guardo en public/js, Commented el 12 jun. 2019 a las 19:11
  • Ok, mi respuesta no cambia en nada al saber eso.
    – Shaz
    Commented el 12 jun. 2019 a las 19:23
2

Desde el archivo blade los podrias hacer asi:

<script> url_ajax = '{{url("modificar_datos")}}' </script>
<script> csrf_token = '{{csrf_token()}}' </script>
<script src="{{ asset('vendor/js/modificar_datos.js') }}"></script>

Y dentro del modificar_datos.js llamas esas variables:

        $.ajax({
            url: url_ajax,
            type: "POST",
            data: {
                Precio:precio,
                _token: csrf_token
            },
            dataType: 'json',
            success: function (result) {
                console.log(result);
            }
        });
-3

Agrega el Token en el data del Jquery

data: { "_token": "{{ csrf_token() }}", "id": id }

11
  • pero el metodo se llama modificar_datos(), o desconozco algo? Commented el 12 jun. 2019 a las 18:31
  • Cambia el nombre de la funcion del controlador a modificarDatos
    – Jose Olivo
    Commented el 12 jun. 2019 a las 18:47
  • Esto no tiene nada que ver con el problema, la ruta se puede definir con _ o con - y va a funcionar igual. -1
    – Shaz
    Commented el 12 jun. 2019 a las 19:24
  • 1
    si tiene google chrome entra con F12 a la consola y ve el error que te da al enviar y si puedes pasa lo que te sale en el error
    – Jose Olivo
    Commented el 12 jun. 2019 a las 20:27
  • 1
    Dale click a script.js:12 para ver en q parte del codigo te da el error te debe redirigir a dnd esta el error.
    – Jose Olivo
    Commented el 12 jun. 2019 a las 21:05

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.