Tengo una aplicación Rails 5 y me gustaría mucho usar Turbolinks.
Dentro de la aplicación hay varias llamadas PATCH ajax que simplemente actualizan el servidor con nuevos datos, pero no necesitan preocuparse por actualizar el estado de la página.
Cada vez que regresan estas solicitudes ajax, Turbolinks actualiza la página y el navegador se desplaza a la parte superior de la pantalla. Este no es un comportamiento deseable; es preferible que las cosas se queden donde están.
Desactivar Turbolinks elimina el problema.
Ejemplo (súper básico) de llamada ajax que causa el problema:
$.ajax({ method: "PATCH", url: url, data: obj });¿Alguien más está experimentando esto o tiene alguna idea sobre cómo evitar que se produzca el desplazamiento de la página?
Encontré la respuesta aquí: documentación de Turbolinks en Github .
Paso 1: reemplaza el habitual document.ready con un turbolinks:load personalizado.
paso 2: asegúrese de especificar que el tipo es json
document.addEventListener('turbolinks:load', function() { // your ajax code: $.ajax({ method: 'PATCH', url: url, dataType: 'json' }) }Tuve el mismo problema y encontré una solución a través de otra pregunta de StackOverflow .
La idea es hacer una solicitud JS a Rails (usando las dataType y format ):
$.ajax({ method: "PATCH", url: url, dataType: 'script', format: 'js', data: obj });En su controlador de rieles, simplemente responda a esta llamada JS con:
respond_to do |format| format.js end¡Sin recargar la página!
Agregue el atributo data-no-turbolink=true al <a> que activa la llamada AJAX o la etiqueta <body> .
Consulte: https://github.com/turbolinks/turbolinks-classic/issues/19 Otra publicación de SO con una pregunta similar a la suya: Rails 4: deshabilite Turbolinks en una página específica