jQuery Ajax无法获得响应

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

You don't provide enough information to answer your question but here are a few things to consider:

There is a typo in your first line where you have an extra 'l' (el) in galllery.

As previously noted, if you expect the reply to be a particular datatype, you need to list it in the arguments to $.ajax() so the code can prepare its result properly.

And it's usually a good idea to provide an error handler on all AJAX requests so you know the request has actually succeeded. In your code, your request can fail ("silently") without giving you any indication of the fact.

EDIT

If you're making the request from the same host that is running your PHP server process, I suspect you'll need to use the server's fully qualified hostname rather than 'localhost' in your URL.