Ajax / php header: Ubicación

Tengo un modo Bootstrap con un formulario de inicio de sesión Ajax. Mostrando errores y todo funciona bien hasta que el resultado delogin.php esheader('Location: index.php');

Yo manejo el resultado de esta manera:

var hr = new XMLHttpRequest();
    // Set content type header information for sending url encoded variables in the request
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    // Access the onreadystatechange event for the XMLHttpRequest object
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
            var return_data = hr.responseText;
            document.getElementById("status").innerHTML = return_data;
        }
    }

El problema es que cuando el inicio de sesión es exitoso y obtengo elheader('Location: index.php'); respuestaindex.php se abre endiv.status.

¿Hay una manera fácil de traducir el encabezado de PHP a una redirección en javascript?

Respuestas a la pregunta(2)

Su respuesta a la pregunta