Question

Have problem with this code

var MAIN_LOCATION = "http://www.bosscaffe.com/new/";
$("#gallery_page").click(function() {
    $('#gallery_photos').show();
    getPhotos();
    return false;
}); 

function getPhotos()
{
    $.ajax({
         type: "GET",
         url: MAIN_LOCATION + "classes/getEnterijerPhotos.php?lang="+LANG,
         success: function(msg){
            if (msg != 'nothing')
            {
                $('#photo_wrapper').empty();
                $('#photo_wrapper').append(msg);
            }
         }
    });
}

I tried several things like crossdomain: true, async:false, etc…I tried to switch it to POST, but from some reason this one does not return anything if I fire call in new tab, I get result http://www.bosscaffe.com/new/classes/getEnterijerPhotos.php?lang=en so all of those images are prepared, on my local instance this works but on server it doesn’t at all, in Chrome I get status = canceled, any thoughts about this one?

In any case end solution would be to transfer it to JSON, but strange thing that such a functionality not working on same domain.

Answer 1

Are you making a cross origin call? => is the origin of your calling page the same as MAIN_LOCATION (same protocol, same domain, same port).

So if you’re MAIN_LOCATION = 'http://www.bosscaffe.com/new/classes/getEnterijerPhotos.php?lang=en' then the calling page needs to start with http://www.bosscaffe.com/...

If it is a cross origin call and you want to get it fixed (without moving it to the same origin) I posted an answer on that issue here