¿Cuál es la diferencia entre xhr.status == 200 y xhr.readyState == 4?

readystate es el estado del proceso de respuesta: no inicializado/iniciado/aceptado/completado.

status es el estado http de la respuesta. Podemos entender que en el proceso de respuesta, el estado de inicio es el estado http, el estado de envío es el estado http y el estado de aceptación y finalización es el estado http.

Por lo tanto, para obtener el resultado deseado, no solo el estado de respuesta debe ingresar a la etapa "Completado", sino que el estado http de la etapa de finalización también debe ser "200" ok.