Cancel request to PHP page results in another PHP page delayed responding

Question

I am developing a login page which look into LDAP and MySQL database for user authentication. The idea is to request two PHP page simultaneously, any one complete request will cancel the other one request.

Here is my code:

$scope.submitForm = function(username, password) {
    var ldap = $q.defer();
    var userTable = $q.defer();

    $http({
            timeout: userTable.promise,
            method: 'POST',
            url: 'crud/00loginUserTable.php',
            data: {
                username: username,
                password: password
            }
        })
        .then(function(response) {
            if (response.data.message != "ok")
                alert("Tak OK");
            else {
                sessionStorage.jwt = response.data.jwt;
                ldap.resolve();
                window.location.href = "index.php";
            }
        });

    $http({
            timeout: ldap.promise,
            method: 'POST',
            url: 'crud/00loginLDAP.php',
            data: {
                username: username,
                password: password
            }
        })
        .then(function(response) {
            if (response.data.message != "ok")
                alert("Tak OK");
            else {
                sessionStorage.jwt = response.data.jwt;
                userTable.resolve();
                window.location.href = "index.php";
            }
        });
};

This code actually works. BUT...

There is 1.3 minute delay before window.location.href = "index.php"; could be execute. As I found out, it is something to do with PHP. I tried changing window.location.href = "index.php"; to window.location.href = "index.html";. Viola! No delay. So it seems the index.php is waiting for 00loginLDAP.php to timeout before responding.

I know the problem, but I don't know the solution.

Please help.

Are you sure the first request is cancelling the second request. I don't think that it would do so. Both requests will get completed. — Atul Sharma, Nov 24 '16 at 07:17
Both requests did get completed if both were success/failed. But this one, the LDAP is purposely failed (no connection to the LDAP server here at my place). The MySQL connection is successful, cancel the other request almost instantly, but my problem is the delay.. — Iyas, Nov 24 '16 at 07:21
i think ` ldap.resolve();` before `window.href` is creating problem. Cross confirm this by trying a `console.log()` after ` ldap.resolve();` to check if flow is continued or returned. — Atul Sharma, Nov 24 '16 at 07:26

score 0 · Answer 1 · answered Nov 24 '16 at 07:37

$scope.submitForm().then(function(data){
   console.log(data);
   window.location.href = "index.php";
});

$scope.submitForm = function(username, password) {
    var ldap = $q.defer();
    var userTable = $q.defer();

    $http({
            timeout: userTable.promise,
            method: 'POST',
            url: 'crud/00loginUserTable.php',
            data: {
                username: username,
                password: password
            }
        })
        .then(function(response) {
            if (response.data.message != "ok")
                alert("Tak OK");
            else {
                sessionStorage.jwt = response.data.jwt;
                ldap.resolve('DataTable Response');
                return ldap.promise;
            }
        });

    $http({
            timeout: ldap.promise,
            method: 'POST',
            url: 'crud/00loginLDAP.php',
            data: {
                username: username,
                password: password
            }
        })
        .then(function(response) {
            if (response.data.message != "ok")
                alert("Tak OK");
            else {
                sessionStorage.jwt = response.data.jwt;
                userTable.resolve('LDAP response');
                return userTable.promise;
            }
        });
};

Use this .. passing ldap.resolve('DataTable Response'); data inside resolve() is optional. if you want to pass some message then use.

pass `username` and `password` i missed them... `$scope.submitForm(username,password).then(function(data)` — Atul Sharma, Nov 24 '16 at 08:23
still not working, i even wrap the $scope.submitForm in another function, also not working.. same error message.. — Iyas, Nov 24 '16 at 08:47
OK. Found the problem. Nothing to do with even the JS! It's PHP. Rewording my question. — Iyas, Nov 24 '16 at 12:59

score 0 · Accepted Answer · edited May 23 '17 at 12:24

As I learnt here, merely canceling the $http request won't stop the PHP execution. The reason the other PHP page wait until the first PHP page is finish, because both using session_start();.

I quote:

Moreover if you are using PHP session, they are another tricky situation. For example, if you are doing AJAX, and you actually send two AJAX request to a PHP script and that PHP script has need of session with session_start(). The first AJAX query will work normally, however the second one will have to wait until the first call is finish, because the first script has a locked on the session. The first script could eventually prematurely release the session with session_write_close();

Cancel request to PHP page results in another PHP page delayed responding

2 Answers2