AJAX Login not working with CACHE

Hello,

You can try this :
In W3 Total Cache :

Uncheck : Cache front page
Check : Don’t cache pages for logged in users

Please provide URL

Hi,

We couldn’t manage to reproduce this issue, but from what it seems, the ajax request that is made from your login popup, returns an error. Did you tried to make any custom modifications to the theme, or do you have any plugins related to the login action ?

Could you try to remove any custom modifications added to functions.php file or disable all plugins, see if it works, and gradually re-enable plugins one by one, so you can find the one that is causing the issue ?

I don’t think W3Cache should interfere in any way with those ajax calls.

Looking forward.

Can you please provide us a url to your site so that we can check out the reported behavior ?

Hello @Andrei any word on this? Its been 4 days, the login pop up is not working for people that register “without” Facebook. My sites live now so just try to sign in on the “sign in” button on home page or log in on the drop down menu, and nothing happens. Be great if you could tell me a fix for it as it only happens on the sign in pop up.

EDIT TO MY PREVIOUS POST: I’ve deactivated my login related plugins and cleared my cache, but I’m still getting the errors.

Found the issue. In app.js (line 1237) the kleoAjaxLogin function is calling $(‘#login_form’).submit() on error. It gets stuck in a loop and never replaces the html of #kleo-login-result.

kleoAjaxLogin: function () {
        $('form#login_form').on('submit', function (e) {
            $('#kleo-login-result').show().html(kleoFramework.loadingmessage);
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: kleoFramework.loginUrl,
                data: {
                    action: 'kleoajaxlogin',
                    log: $('form#login_form #username').val(),
                    pwd: $('form#login_form #password').val(),
                    remember: ($('form#login_form #rememberme').is(':checked') ? true : false),
                    security: $('form#login_form #security').val()
                },
                success: function (data) {
                	console.log(data);
                    $('#kleo-login-result').html(data.message);
                    if (data.loggedin == true) {
                        if (data.redirecturl == null) {
                            document.location.reload();
                        }
                        else {
                            document.location.href = data.redirecturl;
                        }
                    }
                },
                complete: function () {

                },
                error: function (err) {
                    // Added this. It wasn't displaying the error message.
                    $('#kleo-login-result').html(err.responseJSON.message);
                    $('form#login_form', '#login_panel').off('submit');
                    // I commmented this out. Why is this in here?
                    // $("#login_form").submit();
                }
            });
            e.preventDefault();
        });
    }

There is no redirect loop.

The submit function was being called continuously. It no longer is, because I commented it out.

Is there a reason for the $(“#login_form”).submit();?

The login is failing, but it’s successfully returning a response.

Hi @jmot, I would really appreciate if you could provide me a link to your site so I can check the ajax response in your case.

Thanks

I am having the same issue. I have had to temporarily remove the ajax login and revert to using the standard wp-login.php form. It’s not a good user experience!

I have no issues on my test server but wonder if the ajax calls are returning correctly? I’m using inmotionhosting and my site is located in the /public_html rather than the root folder. Could this be the cause of the error?

Please help with the fix!?

Thanks

I need a link to a page where this is happening so I can debug it and see what’s the issue.

Looking forward.

I see you have Kleo 2.4.3 installed and our latest version is 3.0.6, please update it and let me know if the issue is still present.

Cheers

Hi,

I too am experiencing this issue with my client’s site. I’ve installed 3.07, but it’s still happening. Much like with the examples above, I’m unable to log in from the home page (just sits there spinning). I can log in from other pages. I have tried disabling ALL non-theme plugins, and the issue persists. I’ve also tried deleting the cahce (WP SuperCache), with no luck.

Has there been any progress made on this issue?

@andrei You keep saying to upgrade but I still see people are having the same issues, furthermore it seems there were glitches in the new versions so I stayed away from the upgrade until everything is fixed. Yes, I am on an older Kleo version, but I see users with 3.07 having the same issue when I was told to upgrade to 3.06. So that obviously would not work.

I’m starting to wonder are you able to fix this issue? Its been a few months now, I sent my credentials, can you just go into the backend in the FTP account and apply the fix?

Upgrading to 3.0.9 fixed the problem for me, thanks!

Give me a link to your website so I can investigate what’s happening.

@5high-photohub I think in your case the issue is generated because you have an extra captcha step in /wp-login.php which is not present in the ajax popup ( and not easy to add ). Please deactivate the login captcha plugin and let me know if it works.

@econstreams give me more details about how can I reproduce this on your site ( maybe provide me an account to test with ), looking forward