Question

我在一个页面中使用多个页面进行长轮询。问题是，当我有一个新请求时，它首先完成上一个请求，尽管我在有新请求时中止了先前的请求。

这是我的jquery代码：

    var stopped = 1;
var request = 0;
$(document).ready(function () {
    $("#leftsec img").click(function () {
        stopped = 0;

        $("#leftsec img").each(function () {
            $(this).attr({
                src: 'images/' + this.id + '.gif'
            });
            $(this).hover(

            function () {
                $(this).attr("src", 'images/' + this.id + '_over.gif');
            }, function () {
                $(this).attr("src", 'images/' + this.id + '.gif');
            });
        });

        $(this).attr({
            src: 'images/' + this.id + '_over.gif'
        });

        $(this).hover(function() {
            $(this).attr("src", 'images/' + this.id + '_over.gif');
        }, function () {
            $(this).attr("src", 'images/' + this.id + '_over.gif');
        });

        location.hash = '!' + this.id;
        var topname = document.getElementById(this.id + '1').innerHTML;

        $("#tophead").html(topname);

        if(request != 0) {
            request.abort();
        }

        var a = this.id;

        $.ajax({
            url: "no.php",
            success: function (result) {
                $.ajax({
                    url: "some.php?id=" + a,
                    success: function (result) {
                        $("#centerdata").html(result);
                        stopped = 1;
                        rec_fun(a);
                    }
                });
            }
        });
    });

    if (window.location.hash != '') {
        var hashvalue = window.location.hash;
        hashvalue = hashvalue.split('!');
        hashvalue = hashvalue[1];
        $('#' + hashvalue).click();
    } else {
        $('#home').click();
    }
});

function rec_fun(a) {
    //alert('');
    if (stopped == 1) {
        request = $.ajax({
            url: "some.php?id=" + a,
            success: function (result) {
                $("#centerdata").html(result);
                rec_fun(a);
            }
        });
    }
    else {
        return false;
    }
}

我的HTML：

<div class="leftsec" id="leftsec">
    <img id='home' class=""  src="images/home.gif"  onmouseover="this.src='images/home_over.gif'" onMouseOut="this.src='images/home.gif'" /><br />
    <div id="home1" align="center" style="font-size:16px; font-family:Verdana;">Home</div>
    <img id='school' class="" src="images/school.gif" onMouseOver="this.src='images/school_over.gif'" onMouseOut="this.src='images/school.gif'"  /><br />
    <div id="school1" align="center" style="font-size:16px; font-family:Verdana">My School</div>
</div>

some.php：

if($_GET['id'] == 'home') {
    $main = 'home';

    for($i = 0; $i < 30; $i++) {
        $word .= $main . "<br>";
    }
}

if($_GET['id'] == 'school') {
    $retschool = 0; 

    while($retschool != 1) {
        // Look for an update
        // If no update found sleep for 2 seconds
    }               
}

当我点击学校图像后点击主图像时，即使我使用了request.abort（），它仍然需要一段时间（完成第一个请求）才能进行主图像请求。如果我不使用request.abort（），它会花费相同的时间并给出一个超时错误，然后处理主图像请求。如何让它快速忽略之前的ajax请求，以便快速转到新请求并进行处理。

Answer 1

我从这个问题中找到了它：Long polling locking up other AJAX calls ... - php锁定给定的会话，直到页面完成加载，因此第二个ajax调用无法通过。您必须通过调用session_write_close();

来解除锁定

在服务器端使用jquery / ajax进行长轮询

1 个答案: