重复AJAX调用并返回http代码 - repeated AJAX call with http code return

repeated AJAX call with http code return

单击按钮时，我会调用jquery AJAX，例如：

$(".play").click(function(){
    function doAjax(){
        $.ajax({
        url: 'blah.php',
        success: function(data) {
            if (data==250)
            {
                setTimeout(doAjax, 2000);
            }
            else
            {
                $('#quote p').html(data);
            }
        }
        });
    }
    doAjax();
});

来自服务器的任何数据都会打印到div:

<div id="quote"><p> </p></div>

服务器上的blah.php进行一些处理以检索一些状态代码：

$r = new HttpRequest('http://localhost...', HttpRequest::METH_GET);
$r->send();
if ($r->getResponseCode() == 200)
{
echo "Starting video..."        
//sends a video to play
}
else if ($r->getResponseCode() == 450)
{
    echo "Oops! Not found...";
}
else if ($r->getResponseCode() == 550)
{
    echo "Oops! An error occurred...";
}
else if ($r->getResponseCode() == 250)
{
    echo "Initializing...";
}
else
{
    echo "Now we are in trouble";
}

响应代码（$r->getResponseCode()）会像我预期的那样返回，所以我的问题是使用setTimeout重复进行ajax调用。我想做的是，当返回代码250时，它会打印出Initializing，它确实这样做了，但随后我的AJAX调用将重复，因为成功函数是用250调用的。这行不通。它说Initializing，但从不重复，因为下一步我应该看到Starting video...。

其他一切似乎都检查出来了，我想问题出在我的jquery success函数上？

这里的问题是，您在Javascript中可以访问的"data"变量实际上正是您在PHP文件blah.PHP中回显的文本。

因此，更准确的方法是检查data=="Initializing…"。您可能还想考虑从PHP文件中输出与JSON兼容的文本，这样您就可以获得状态代码和消息。

考虑将其作为您的PHP:

$code = $r->getResponseCode();
$message = "";
switch($code) {
    case 200:
        $message = "Starting video...";
        break;
    case 450:
        $message = "Oops! Not found...";
        break;
    case 550:
        $message = "Oops! An error occurred...";
        break;
    case 250:
        $message = "Initializing...";
        break;
    default:
        $message = "Unknown status";
        break;  
}
print "{ 'code': $code, 'message': '$message' }";

以上内容将以JSON格式输出您需要的所有数据。

在javascript中，考虑使用jQuery的内置getJSON方法，并将数据解析为常规javascript对象。

$.getJSON('blah.php', function(data) {
        if (data['code'] == 250)
        {
            setTimeout(doAjax, 2000);
        }
        else
        {
            $('#quote p').html(data['message']);
        }
    }
});

我想这就是你想要的。

var timeid = null;
function doAjax() {
    $.ajax({
        url: 'blah.php',
        success: function (data) {
            if (data == 'Initializing...') {
                time_id = setTimeout(doAjax, 2000);
            } else {
                $('#quote p').html(data);
                if (timeid) {
                    clearTimeout(timeid);
                }
            }
        }
    });
}
$(".play").click(doAjax);

也许你应该这样做，我已经测试过了。。。

$(".play").click(doAjax);
function doAjax(){
   alert(1);
        $.ajax({
        url: 'blah.php',
        success: function(data) {
            if (data==250)
            {
                setTimeout(doAjax, 2000);
            }
            else
            {
                $('#quote p').html(data);
            }
        }
       });   
}