Cannot get the simplest ajax call to work

Question

I'm trying the following code in my browser's console.

$.ajax({ 
    type: 'GET',
    url: 'http://stackoverflow.com/', 
    dataType: 'html', 
    success: function() { 
        console.log("Yes, this works."); 
    } 
});

Why don't I receive my message in the console?

I do receive the following code.

Object { readyState=1, getResponseHeader=function(), getAllResponseHeaders=function(), more...}

ajax is there to partially update your own website. why stackoverflow.com? — thenewseattle, Nov 24 '13 at 22:51
Works for me, you just have to run the code in console while you're on SO — jammykam, Nov 24 '13 at 22:51
@FellowStranger route the request through your server to your client — megawac, Nov 24 '13 at 22:52
Fellow you must send **JSONP** from one of your domains and use getJSON to receive the data from the other — thenewseattle, Nov 24 '13 at 22:52
the property `crossDomain:true` will also be a valid solution to do a cross domain request — Kevin Cittadini, Nov 24 '13 at 22:53
possible duplicate of [Ways to circumvent the same-origin policy](http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy) — Quentin, Nov 24 '13 at 23:21

score 0 · Accepted Answer · answered Nov 25 '13 at 00:17

If you control both domains and have access to server configuration, you can enable Cross Origin Resource Sharing (CORS) to allow AJAX requests from one domain to access the other. The steps for enabling CORS depends on your specific web server (e.g. Apache, node, nginx, IIS, etc.) Dr. Google should be able to give you the specifics.

And to answer your specific question, you don't see a console message because the AJAX request never succeeds.

Cannot get the simplest ajax call to work

1 Answers1