jQuery ajax works on local but not on server

Question

Hi All!

I m actually put of my min with this code ....

$.ajax({
                'url'               : site_root + '/ajax.php',
                'type'          : 'POST',
                'data'          : 'function=check_user_login_name&user_login=' + user_login,
                beforeSend  : function()
                {
                    $('#check_result_span').html('Checking ...');
                },
                success         : function(data)
                {
                    if(data != 1)
                    {
                        $('#check_result_span').addClass('green').html('Available!');
                    }
                    else
                    {
                        $('#check_result_span').addClass('red').html('Already taken!');
                    }
                }
            });

This works fine on local machine, but not on server ...

the server page link is http://onlyfreelancer.com/signup.php

Please click on the "Check availability" link, nothing happens on server but on local it shows if the user login name is still available or not

Any help plz?

Answer 1

When that link is clicked, the resulting request is for:

http://www.onlyfreelancer.com/ajax.php

but (at least in my Safari debugger), the origin is seen as

http://onlyfreelancer.com

Perhaps this is a "same origin policy" issue. Can you set up your code to request ajax.php from onlyfreelancer.com (no www)?