Why Asynchronous Javascript Get Request No Response?

Question

i'm having problem to use HTTP.Get request on Javascript, here is my code

function getData(url, callback) {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                callback(this.responseText);
            }
        };

        xhttp.open("GET", url, true);
        xhttp.send();
    }
}

why no response when i call it

getData("http://www.example.com/data.php",   function(data) {            
     console.log(data);
});

Can you please help me? any hint would be very helpful

Answer 1

It is surely because browser prevented cross domain call.

"XMLHttpRequest cannot load http://www.example.com/data.php . No 'Access-Control-Allow-Origin' header is present on the requested resource."

Adding headers to request will not work until the Server or Site honours this header.

Why don't you create/host your on service in your domain which then on server side makes HttpRequest to example.com/data.php and provide you the desired response.

Your page > Gives ajax call to your service > Gives http get call to data.php.