Question

我有一个简单的代码项目。在主页我有一些图像。在后台我使用Ajax每5秒查询一个名为“check.php”的文件。在check.php中，一些数据是从数据库中获取的，如果数据等于0，我想将整个站点重定向到“example.php”，但如果数据等于1，我只想用文本更新ajax响应div被称为“没有变化”。

问题： 每当我尝试这样做时，它不会重定向到“example.php”，而是在ajax响应div中显示example.php。我正在使用标题（“Location：example.php”）;对此。

我的代码：

//function auto for ct fetch starts

function reload_ct() {



var xmlhttp;

if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("ct").innerHTML=xmlhttp.responseText;
    }
  }
     var c_user = document.getElementById('c_name').value;
   xmlhttp.open("GET","check.php?cu=" + c_user,true);
xmlhttp.send();
}
window.setInterval(reload_ct, 100);
//function auto for ct fetch ends

Answer 1

这应该有效（在jQuery中）：

$.post('check.php',{'c_user':c_user})
$.done(function(data) {

if(data == '0'){
window.location.href = "example.php";
}

});

一般格式是

$.post('URL_SENDING_TO',function (data returned from request) {

dosomething();

});

如果您想发送数据，可以使用.done，如下所示：

$.post('URL_SENDING_TO',{'datatosend':'value1','datatosend2':'value2'})
.done(function (data returned from request) {

dosomething();

});

当然，如果你想在没有jQuery的情况下这样做，这应该有用（参考http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp和http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_database）：

var xmlhttp;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}


xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        if (xmlhttp.responseText == '0') {
            window.location.href = "example.php";
        }
    }
}

var time_five_sec = setInterval(
    function () { 
        xmlhttp.open("POST", "check.php", true);
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlhttp.send("c_user=" + c_user);
    }, 5000);

如果你想将最后一个函数改为setTimeout（推荐使用Jasper），你可以写：

function timed_ajax_request() {
    setTimeout(function () { ajaxrequest() }, 5000);
}

function ajaxrequest() {
    xmlhttp.open("POST", "check.php", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send("c_user=" + c_user);
    timed_ajax_request();
}
timed_ajax_request();

这将在循环中发送它，首先调用函数timed_ajax_request，然后当发送ajax请求时，它再次调用timed_ajax_request，因为它是Timeout，它在调用请求之前，请等待5000毫秒（或5秒）。

如果您希望用户GET而不是POST,更改行：

    xmlhttp.open("POST", "check.php", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send("c_user=" + c_user);

为：

    xmlhttp.open("GET", "check.php?c_user=" + c_user, true);
    xmlhttp.send("c_user=" + c_user);

这应该是一样的。这同样适用于jQuery，改为：

$.post('check.php',{'c_user':c_user})
$.done(function(data) {

if(data == '0'){
window.location.href = "example.php";
}

});

为：

$.get('check.php',{'c_user':c_user})
$.done(function(data) {

if(data == '0'){
window.location.href = "example.php";
}

});

因此，总而言之，要完成你想要在你的问题中做的事情，包括Jasper的建议，你会写：

var xmlhttp;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}


xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        if (xmlhttp.responseText == '0') {
            window.location.href = "example.php";
        }
    }
}

function timed_ajax_request() {
    setTimeout(function () { ajaxrequest() }, 5000);
}

function ajaxrequest() {
    xmlhttp.open("GET", "check.php?cu=" + c_user, true);
    xmlhttp.send();
    timed_ajax_request();
}
timed_ajax_request();

Answer 2

我会将重定向命令从AJAX php文件传回原始文件

return（“转到example.php”）;

然后在原始文件中抓取这些数据，并在其=“转到example.php”时进行JS重定向。

如何将页面重定向到“example.php”？

2 个答案: