Question

当有人点击按钮时，我希望它能播放指定的视频（在移动设备上）。当有人点击按钮时，我会在客户端进行AJAX调用，如下所示：

$(".play").click(function(){
    var camerahash = $(this).data('hash');
    var cameratype = $(this).data('type');
    function doAjax(){
        $.ajax({
            url: 'myfile.php',
            success: function(data) {
                if (data == 'Initializing...')
                {
                    setTimeout(doAjax, 2000);
                }
                else
                {
                    $('#quote p').html(data);

                }

            }
        });

    }
    doAjax();
});

这个div用于向用户打印消息：

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

服务器代码（myfile.php）：

        $r = new HttpRequest('http://localhost...', HttpRequest::METH_GET);
        $r->send();
        $code = $r->getResponseCode();

        switch($code) {
            case 200:
                echo "Starting Stream...    ";
                echo '<a href="http://blah.m3u8">Play Stream</a>';
                echo '<br>';
                break;
            case 450:
                echo "Oops! Camera not found...";
                echo '<br>';
                break;
            case 550:
                echo "Oops! An error occurred...";
                echo '<br>';
                break;
            case 250:
                echo "Initializing...";
                break;
            default:
                echo "Error 600";
                echo '<br>';
                break;  
        }

这样可行，但按下按钮后会显示：Starting stream... Play Stream其中，Play Stream是您必须点击播放视频的链接。我想要的是在单击按钮后立即启动视频（并在服务器上验证正确的状态代码）。

我根据 post 进行了尝试，非常相似。

但是我无法让json工作，所以我不能把这个url放在一个重定向，例如：window.location.href = data.redirect;，在服务器端redirect将有url。任何想法，我可以做什么呢？

我应该注意这是Joomla所以服务器代码不是myfile.php，而是实际上是一个组件url，但我相信这与这个问题无关。有什么想法吗？

Answer 1

实际上这最终变得非常简单。这个旧的 post 确实指向了正确的方向。

我在客户端拥有我需要的一切，所以我只需要使用window.location重定向：

window.location = 'http://myurl.com/playlist.m3u8';

因此，这非常有效：

$(".play").click(function(){
var camerahash = $(this).data('hash');
var cameratype = $(this).data('type');
function doAjax(){
    $.ajax({
        url: 'myfile.php',
        success: function(data) {
            if (data == 'Initializing...')
            {
                setTimeout(doAjax, 2000);
            }
            else
            {
                $('#quote p').html(data);
                window.location = 'http://myurl.com/playlist.m3u8';

            }

        }
    });

}
doAjax();
});

在jquery AJAX调用之后重定向请求

1 个答案: