Question

I’ve got 2 ajax requests on one page. I ran first request and separately start second one. But second one stops working after the first has been run. And continue when first is over.
First requst take long time – something like 30 – 60 seconds and in this time I need second request to show logs what happens with first request. I try to use async: true but it’s not help me.

Here it’s my code

<script type="text/javascript">
    var auto_refresh = setInterval( function()
        { asyncGet('log.php') }, 1000
    );

    function asyncGet(addr) {
        $.ajax({
            url: addr,
            async: true,
            success: function (response) {
                $('#loadLog').html(response);
            }
        });
    }

    function getConn(addr) {
        $.ajax({
            url: addr,
            async: true,
            success: function (response) {
                stopGet();
            }
        });
    }


</script>

<div id="loadLog" class="lLog"></div>

and I call first ajax request in this way: getConn(‘main.php’); from function when press button.
Second request it’s running, but not show respons before first request complete.

I wil attach image from firebug.
main.php – is request that take longer time.
log.php – is the logger that is blocked.

Would really appreciate some pointers to where I’m going wrong

Answer 1

This may be a problem with session. Check out this post. Suppose you may need to close session in your main.php as fast as possible.