jQuery AJAX Call Triggers Error Function

Question

I am using this ajax call in my code, but it triggers the error function everytime. Anyone have any idea why this is happening?

$.ajax({
    type:'GET',
    url: 'https://s3.amazonaws.com/GSTArticles/GoogleMaps/Landmarks.xml',
    datatype: 'xml',
    success: function(xml){
        console.log(xml);
    },
    error: function(err){
        alert("ERROR!");
    }
});

To my understanding, the syntax looks correct. Can someone help me to see why this triggers an error, rather than placing the xml into my console? Thanks.

I also see this in the console: XMLHttpRequest cannot load https://s3.amazonaws.com/GSTArticles/GoogleMaps/Landmarks.xml. Origin null is not allowed by Access-Control-Allow-Origin.

well it triggers the error function, and I see this in the console: XMLHttpRequest cannot load https://s3.amazonaws.com/GSTArticles/GoogleMaps/Landmarks.xml. Origin null is not allowed by Access-Control-Allow-Origin. — chaitanya.varanasi, Jun 18 '13 at 18:08
you must try using an error handler : `error : function(fai,lu,re) { alert( fai +" "+lu +" "+re)}` — krishwader, Jun 18 '13 at 18:08
I see that youre making a cross-domain call. Its not possible to do this without `jsonp` — krishwader, Jun 18 '13 at 18:09
i already have an error handler though. **function(err){alert(ERROR!);}** — chaitanya.varanasi, Jun 18 '13 at 18:10
@passionateCoder: can you explain that please? jsonp? im trying to get an xml though? — chaitanya.varanasi, Jun 18 '13 at 18:10
https://www.bionicspirit.com/blog/2011/03/24/cross-domain-requests.html — krishwader, Jun 18 '13 at 18:12
@chaitanya.varanasi this handler will not tell u what error ur facing :) its highly essential that u see the error because it'll help u debug ur code :) — krishwader, Jun 18 '13 at 18:12
Try changing your error function alert to alert("error: "+err.responseText); so that you can see the exact error that is happening. — Phil, Jun 18 '13 at 18:13
@passionateCoder: Thanks! I am looking at the document now. Ill write something up and post if it works. — chaitanya.varanasi, Jun 18 '13 at 18:21

score 1 · Accepted Answer · edited May 23 '17 at 11:56

You need to use jsonp to do a cross domain request with ajax - which means you can't request XML using jQuery's ajax method. Here are other related questions.

cross domain issue with Jquery

How to Parse XML Cross-domain in jQuery?

You can use Yahoo API library (YQL) to to get the xml though

Source from http://www.cypressnorth.com/blog/programming/cross-domain-ajax-request-with-xml-response-for-iefirefoxchrome-safari-jquery/

// Accepts a url and a callback function to run.
function requestCrossDomain(site, callback) {

    // If no url was passed, exit.
    if (!site) {
        alert('No site was passed.');
        return false;
    } 
    // Take the provided url, and add it to a YQL query. Make sure you encode it!
    var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from xml where url="' + site + '"') + '&format=xml&callback=?';

    // Request that YSQL string, and run a callback function.
    // Pass a defined function to prevent cache-busting.
    $.getJSON(yql, cbFunc);

    function cbFunc(data) {
        // If we have something to work with...
        if (data.results[0]) {
            if (typeof callback === 'function') {
                callback(data);
            }
        }
        // Else, Maybe we requested a site that doesn't exist, and nothing returned.
        else throw new Error('Nothing returned from getJSON.');
    }
}
function xmlSuccess(data){
    console.log(data.results[0]);
}
requestCrossDomain('https://s3.amazonaws.com/GSTArticles/GoogleMaps/Landmarks.xml',xmlSuccess);

FIDDLE

jQuery AJAX Call Triggers Error Function

1 Answers1