Estoy usando Json Server para burlarme de solicitudes de API y estoy experimentando un comportamiento molesto, cada publicación que hago hace que la página se recargue... Leí la documentación de su API pero no apareció. con cualquier cosa. Estoy usando una solicitud jquery ajax simple que se ve así:
$.ajax({
url: 'http://localhost:3000/list',
type: 'post',
data: itemObj,
dataType: 'json',
success: function (itemObj) {
todoListArr.push(itemObj);
createMarkup();
$(this).val(''); // clear input
return false;
}
});
Probé e.preventDefault() pero no tiene nada que ver con la llamada ajax; es el servidor json el que lo causa... el comando que estoy usando para ejecutar el servidor es:
servidor npx json --ver db.json
probado también
servidor npx json
Mi apuesta es estaestá dentro de un formulario. La devolución de llamada falsa dentro del éxito no regresa a la función externa. De manera similar, si llama a event.preventDefault() con éxito, será demasiado tarde. Se activará mucho después de que se complete el evento
- charlietfl
28 de marzo de 2021 a las 0:11
1
Gracias. No estoy usando el formulario. Solo una entrada simple con el evento onKeyPress. El problema está en el servidor Json ya que cualquier otra API simulada funciona bien.
- RoyBarOn
28 de marzo de 2021 a las 1:04
¿Esto responde a tu pregunta? ¿Cómo evitar la recarga de la página cuando se usa $ajax?
- Talio
19/04/2021 a las 17:08
------------------------------------
Tuve el mismo problema. Si estás usando código VS, intenta no usar la extensión del servidor en vivo (desactívala) y debería funcionar bien.
------------------------------------
Puede deberse a la extensión del servidor en vivo o algo así que actualice las páginas html si está utilizando, por ejemplo, el servidor en vivo vs code. Otra posibilidad es si está utilizando un formulario y si algo dentro o fuera del formulario está escuchando el mismo evento de envío, eso puede causar la propagación del evento, entonces puede probar e.stopPropagation(); también.
3
Gracias. Agregué return false. StopPropagation no tiene nada que ver con eso... el problema está relacionado con los J.en el servidor ya que cualquier otra API simulada funciona...
- RoyBarOn
28 de marzo de 2021 a las 1:05
¿Intentaste deshabilitar alguna extensión de servidor activo que puedas estar usando en tu Ide?
-render4me
28 de marzo de 2021 a las 1:44
Gracias, estoy ejecutando un servidor activo en otro puerto... ¿Por qué crees que debería interrumpirse?
- RoyBarón
28/03/2021 a las 14:19
------------------------------------
Sufrí el mismo problema al usar VSCode con la extensión LiveServer y el servidor JSON.
En mi caso, tenía un formulario que enviaba una publicación con AJAX básico y cada vez que enviaba el formulario, la página se recargaba.
Luego, traté de evitar que esto devolviera falso en el método de devolución de llamada. es decir:
<form id="forma" onsubmit="postAlumno(); return false;" method="POST">
Pero no fue suficiente :(
De manera casual, descubrí que si ejecutas un proceso de servidor JSON desde otra ventana de VScode, ¡la recarga automática se detiene!
Otra solución, tal vez abrir la página localmente -si es posible-, sin ningún servidor.
