Question

过去两天我一直在努力让这个没有运气。它执行一次，但在初始加载后无法继续更新。该功能不会自动更新，也不会在30秒后重新启动。代码对我来说似乎很好，但显然我对长轮询有一些知识差距导致这种情况不起作用。如果有人有一刻我会很感激，如果你能梳理它并告诉我它是什么我做错了。感谢任何帮助，谢谢。

的JavaScript / jQuery的

function poll(pid){
    var dataString = 'pid=' + pid;
    $.ajax({type: 'GET', url: 'http://localhost:8888/mysite/execs/vote_count.php', data: dataString, async: true, cache: false, success: function(data){

 var post = $('#' +pid);
    var post_children = post.children();
    var upvotes = post_children.find('.upvotes');
    var downvotes = post_children.find('.downvotes');

downvotes.text("-" + data.downvotes);
upvotes.text("+" + data.upvotes);

    }, dataType: "json", complete: poll, timeout: 30000 });
};

$(".post").each(function(){
poll($(this).attr("id"));
});

PHP（vote_count.php）

<?php
$hostname = 'localhost';
$username = 'root';
$password = 'root';
$database = 'database';
try {
    $dbh = new PDO("mysql:host=$hostname;dbname=$database", $username, $password);
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $stmt = $dbh->prepare("SELECT * FROM vote WHERE post = :pid AND rating = 'votedown'");
    $pid = $_GET['pid'];
    $stmt->bindParam(':pid', $pid, PDO::PARAM_STR);
    $stmt->execute();
    $result = $stmt->fetchAll();
    }
catch(PDOException $e)
    {
    echo $e->getMessage();
    }
    $stmt->execute();
    $downvotes = $stmt->rowCount();


    try {
    $dbh = new PDO("mysql:host=$hostname;dbname=$database", $username, $password);
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $stmt = $dbh->prepare("SELECT * FROM vote WHERE post = :pid AND rating = 'voteup'");
    $pid = $_GET['pid'];
    $stmt->bindParam(':pid', $pid, PDO::PARAM_STR);
    $stmt->execute();
    $result = $stmt->fetchAll();
    }
catch(PDOException $e)
    {
    echo $e->getMessage();
    }
    $stmt->execute();
    $upvotes = $stmt->rowCount();
$arr = array("downvotes"=>$downvotes,"upvotes"=>$upvotes);
echo json_encode($arr);  
$dbh = null;
?>

Answer 1

我认为你遇到的主要问题是假设完成：poll将使用当前调用的传入参数pid。试试这个。

function poll(pid){
    var dataString = 'pid=' + pid;
    $.ajax({type: 'GET', 
        url: 'http://localhost:8888/mysite/execs/vote_count.php', 
        data: dataString, 
        async: true, 
        cache: false, 
        success: function(data){
            var post = $('#' +pid);
            var post_children = post.children();
            var upvotes = post_children.find('.upvotes');
            var downvotes = post_children.find('.downvotes');

            downvotes.text("-" + data.downvotes);
            upvotes.text("+" + data.upvotes);
        }, 
        dataType: "json", 
        complete: function(xhr, status){
            setTimeout(function(){poll(pid);}, 30000);
        }, 
        timeout: 30000 
    });
}

$(".post").each(function(){
    poll($(this).attr("id"));
});

所有这一切，如果你有许多帖子你正在检查更新，你可以考虑捆绑这些电话并每30秒呼叫一次（并返回一系列的帖子更新），而不是每页每个帖子一次每30秒一次。（我的额外两美分。）

编辑：添加了提到的超时。第一次把它留下来。

Answer 2

我认为一旦你收到回复..浏览器将不会也不应该保持连接打开..这也很大程度上取决于你使用的浏览器和你发送的标题..我很多PHP的人但是。 .Header shud包含Connection：Keep-alive以保持连接打开。
。我还进行了各种测试 1. IE不会保持现有连接打开，但会同时打开2个连接并保持第二个连接打开并关闭第一个连接。
2.Chrome行为很好发送2个请求（一个用于图标）但保持连接打开 3. Mozilla只发送一个请求并保持打开状态你用IE9来测试吗？

AJAX长轮询不保持连接打开

2 个答案: