Question

Can anyone point out why my JavaScript function is falling into the error function rather than the success function? Firefox on Ubuntu

$(document).ready(function() {
        console.log( "Start" );
        $.ajax({ type: "GET", dataType: "html", url: "http://slashdot.org",
        error: function(request, status) {
            console.log("Error");
        },
        success: function(data) {
            console.log("Sucess");
        }
        });
            console.log( "End" );
        });

Answer 1

Because of same-origin security restrictions, you cannot issue ajax calls to domains other than the domain of your current web page.

Possible work-arounds depending upon what your actual problem is:

1. Build a server proxy on your domain that will fetch the web page from the other site for you so you can send the request to your own domain.

2. Use an iframe to display the content from another domain.