4

我有一个带有 Ajax 登录表单的 Bootstrap 模式。显示错误，一切正常，直到login.php的结果为 header('Location: index.php');

我处理这样的结果：

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;
        }
    }

问题是当登录成功并且我得到header('Location: index.php');响应index.php在div.status.

有没有一种简单的方法可以将 PHP 标头转换为 javascript 中的重定向？

4

2 回答 2

6

您可以检测请求是否为 ajax 请求。如果它返回具有所需位置的 json 对象，则执行典型的 php 重定向。

<?php   
    function isAjax() {
        return !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest';
    }

    if(isAjax()) {
        echo json_encode(array("location" => "index.php"));
    } else {
        header("Location: index.php");
    }
?>

在 javascript 中获取 json 对象后，使用重定向用户

document.location = json.location;
于 2013-09-11T15:50:15.030 回答
1

您应该使用 javascript 重写document.location而不是发送 HTTP 标头。它将为用户提供与来自整页请求的传统重定向响应相同的基本体验。

于 2013-09-11T15:47:21.317 回答