Two simultaneous AJAX requests won't run in parallel

Question

I have problem with two simultaneous AJAX requests running. I have a PHP script which is exporting data to XSLX. This operation take a lot of time, so I'm trying to show progress to the user. I'm using AJAX and database approach. Actually, I'm pretty sure it used to work but I can't figure out why, it's no longer working in any browser. Did something change in new browsers?

$(document).ready(function() {

        $("#progressbar").progressbar();

        $.ajax({
            type: "POST",
            url: "{$BASE_URL}/export/project/ajaxExport",
            data: "type={$type}&progressUid={$progressUid}" // unique ID I'm using to track progress from database
        }).done(function(data) {
            $("#progressbar-box").hide();
            clearInterval(progressInterval);
        });

        progressInterval = setInterval(function() {
            $.ajax({
                type: "POST",
                url: "{$BASE_URL}/ajax/progressShow",
                data: "statusId={$progressUid}" // the same uinque ID
            }).done(function(data) {
                data = jQuery.parseJSON(data);
                $("#progressbar").progressbar({ value: parseInt(data.progress) });
                if (data.title) { $("#progressbar-title").text(data.title); }
            });
        }, 500);

    });

the progress is correctly updating in database
the JS timer is trying to get the progress, I can see it in console, but all these request are loading the whole duration of the first script, as soon as the script ends, these ajax progress calls are loaded

So, why is the second AJAX call waiting for the first one to finish?

Some PHP web server configurations only allow one connection per session to run concurrently. So, if you are using sessions, try an experiment in a page where you (a) start a session, and then (b) sleep for 60 seconds. Then try loading a number of instances of this page in the same browser - they may well load one after the other. — halfer, Mar 28 '13 at 16:05
Also, in general, more than one AJAX op is not best practice, since it wastes time over excess HTTP calls. Can you merge them into one, and return several results back in a JSON string? — halfer, Mar 28 '13 at 16:08
If you're using server-side sessions, PHP will by default lock the session file while a request is active, meaning you cannot have more than one outstanding request active at any one time. — Marc B, Mar 28 '13 at 16:25
Marc B you're right! It was the session issue. I was using codeigniter session library, but I changed it to native session library recently and I did not realised this could be the issue. Thank You. You can post it as answer so I can mark it as accepted. — filip.karas, Mar 28 '13 at 17:03
[Run multiple AJAX requests in parallel with jQuery][1] [1]: http://stackoverflow.com/questions/1060539/parallel-asynchronous-ajax-requests-using-jquery/22317997#22317997 — srikanth_yarram, Mar 11 '14 at 06:27

score 39 · Accepted Answer · answered Mar 28 '13 at 22:07

Sounds like a session blocking issue

By default PHP writes its session data to a file. When you initiate a session with session_start() it opens the file for writing and locks it to prevent concurrent edits. That means that for each request going through a PHP script using a session has to wait for the first session to be done with the file.

The way to fix this is to change PHP sessions to not use files or to close your session write like so:

<?php
    session_start(); // starting the session

    $_SESSION['foo'] = 'bar'; // Write data to the session if you want to

    session_write_close(); // close the session file and release the lock

    echo $_SESSION['foo']; // You can still read from the session.

Ay carumba. Not a fan of PHP sessions, but developing using Symfony which makes exhaustive use of them. Makes sense but would've never guessed. Good help! — eggmatters, Oct 19 '16 at 19:47

Darien · Answer 2 · 2014-06-16T20:21:40.353

After a bit of hair-pulling, I found one other way that these non-parallel AJAX requests can happen, totally independent of PHP session-handling... So I'm posting it here just for anyone getting here through Google with the same problem.

XDebug can cause this, and I wouldn't be surprised if Zend Debugger could too.

In my case, I had:

XDebug installed on my local LAMP stack
xdebug.remote_autostart enabled
My IDE accepting inbound debugger-connections, even though no breakpoints were active

This caused all my AJAX tests to run sequentially, no matter what. In retrospect it makes a lot of sense (from the standpoint of debugging things) to force sequential processing, but I simply hadn't noticed that my IDE was still interacting behind-the-scenes.

After telling the IDE to stop listening entirely, parallel runs resumed and I was able to reproduce the race-condition I had been looking for.

score 2 · Answer 3 · edited Feb 26 '20 at 14:38

2

Be aware, that session_write_close()(answer of chrislondon) may not resolve the problem if you have enabled output buffering (default in PHP 7+). You have to set output_buffering = Off in php.ini, otherwise session won't be closed correctly.

edited Feb 26 '20 at 14:38

Eje

354
4
8

answered Jan 11 '17 at 15:47

Sascha Hendel

33
4

score 0 · Answer 4 · edited May 23 '17 at 10:30

0

When working with APIs, you sometimes need to issue multiple AJAX requests to different endpoints. Instead of waiting for one request to complete before issuing the next, you can speed things up with jQuery by requesting the data in parallel, by using jQuery's $.when() function:

Run multiple AJAX requests in parallel

edited May 23 '17 at 10:30

Community

1
1

answered Mar 11 '14 at 06:29

srikanth_yarram

957
9
16

score 0 · Answer 5 · edited Feb 26 '20 at 13:13

a.php generates a main HTML page that contains two simultaneous AJAX calls to b.php and c.php. In order for b.php and c.php to share session variables, the session variables must exist BEFORE the first AJAX call. Provided this is true, a.php and b.php can change the value of the session variables and see each other's values. Therefore, create the session variables with a.php while generating the HTML page. At least that's how it works with Rogers shared web hosting.

score -1 · Answer 6 · answered Jul 02 '13 at 17:21

-1

You could also set

async: true,

answered Jul 02 '13 at 17:21

daniel langer

1,855
2
17
20

This is for ExtJs i take? – Sangoku Nov 10 '16 at 07:51

Two simultaneous AJAX requests won't run in parallel

6 Answers6

Linked

Related