重复AJAX调用并返回http代码

Question

当单击一个按钮时，我有一个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函数上吗？

Answer 1

这里的问题是，您可以在Javascript中访问的“数据”变量实际上是您在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']);
        }

    }
});

Answer 2

我想这就是你想要的。

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

Answer 3

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

$(".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);
            }

        }
       });   
}