Tengo un XMLHttpRequest que realiza una solicitud GET:
const xmlHttp = new XMLHttpRequest(); xmlHttp.open("GET", "myapi/getThing", true)Normalmente, la respuesta permanece igual, por lo que el servidor indica que se almacene en caché con un encabezado de respuesta HTTP:
Cache-Control: public, max-age=604800, immutable Sin embargo, ahora realizo una acción que sé con certeza que cambiará la respuesta, por lo que vuelvo a llamar a XMLHttpRequest , pero el resultado no cambiará debido al almacenamiento en caché.
¿Cómo hago para que la próxima llamada XHR de este recurso no use el caché del navegador?
He intentado configurar Cache-Control en no-cache en la solicitud:
xmlHttp.setRequestHeader("Cache-Control", "no-cache, no-store, max-age=0")Pero el navegador todavía usa el caché.
El objetivo es NO cambiar explícitamente la política de almacenamiento en caché que establece el servidor por razones de rendimiento, por lo que no hay validación y demás. Esto debería ser puramente el cliente que desea un 'recurso nuevo' a pedido.
Una solución eficaz:
Eliminación de caché a través de parámetros
Suponiendo que el servidor admite agregar un parámetro inútil.
Creo que ambas opciones podrían funcionar, con la eliminación de caché como @Fudge Fudge sugirió que es la implementada con más frecuencia, algo así como:
xhtp.open("YOUR_METHOD","your_url?" + (Math.random() * 1e16).toString(16))
o puede usar Date.now() etc., depende de usted, un número suficientemente aleatorio para garantizar la exclusividad es suficiente.
La otra forma sería:
xhtp.setRequestHeader("Cache-Control","no-cache, no-store, must-revalidate"); xhtp.setRequestHeader("Pragma","no-cache"); xhtp.setRequestHeader("Expires","0"); a veces, los encabezados antiguos como Expires , etc. pueden hacer el trabajo.