Error occurs when making an Ajax request to a web URL using JavaScript

Question

Error occurs when making an Ajax request to a web URL using JavaScript

Lately, we have been successfully utilizing Ajax calls within our applications for URLs that are part of the server domain. However, when attempting to make an Ajax call to a URL on the web, it consistently fails without providing a clear error message. Despite conducting thorough research online with the information available, I've yet to uncover a reasonable cause or solution to this perplexing issue.

Here is a simplified version of the Ajax call code snippet:

var url = "http://www.google.com";
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    alert('done');
    }
  };
xmlhttp.open("GET",url,true);
xmlhttp.send();

The problem arises specifically when the URL is from an outside domain like Google, resulting in various failures across different browsers.

In IE9, 'Javascript error: Access denied' occurs along with 'could not complete the operation due to error c00c023f' as the status.

On Chrome and FF, although no log errors are displayed, the status remains at 0.

Unfortunately, regardless of the browser, the Ajax call always ends in failure.

What could be causing this peculiar issue? It seems unlikely to be a network problem since accessing the Google URL directly via the browser works just fine. What might be preventing the Ajax call from functioning properly within the browser?

Best Regards, Vijay.K

javascript ajax

Answer 1

Answer №1

Unfortunately, Cross Domain Queries do not function properly in IE 9, Chrome, and Firefox due to security concerns. Despite this limitation, many developers still resort to using XHR. However, why not take advantage of jQuery's powerful $.ajax method instead? You can easily implement it like so:

$(document).ready(function(){
    $.ajax({
        url: "https://www.example.com/",
        success: function(){
           alert("Request successful!");
        }
    });
});

The main issue arises when attempting to access a cross domain resource, resulting in a security breach where the status code will invariably be 0. Feel free to examine the provided fiddle for further clarification.

Fiddle: http://jsfiddle.net/abc123/

Answer 2

Unfortunately, Cross Domain Queries do not function properly in IE 9, Chrome, and Firefox due to security concerns. Despite this limitation, many developers still resort to using XHR. However, why not take advantage of jQuery's powerful $.ajax method instead? You can easily implement it like so:

$(document).ready(function(){
    $.ajax({
        url: "https://www.example.com/",
        success: function(){
           alert("Request successful!");
        }
    });
});

The main issue arises when attempting to access a cross domain resource, resulting in a security breach where the status code will invariably be 0. Feel free to examine the provided fiddle for further clarification.

Error occurs when making an Ajax request to a web URL using JavaScript

Answer №1

Fiddle: http://jsfiddle.net/abc123/

Similar questions

The feature was implemented to make the delete button visible on the row only when the user hovers over it

Discovering the presence of line breaks

Converting a JavaScript map into an array with ES6: A step-by-step guide

A guide to dynamically retrieving data from a MySQL database and populating HTML select options using JSP and AJAX for a pair of select option boxes

Extracting object properties and tallying their occurrences

Why is it that the form consistently comes back as invalid?

Using JSTL tags may result in returning null or empty values when making Javascript calls or populating HTML

Sending a PHP error back in response to an Ajax call

Is there a way to access the filtered or organized rows in the Quasar Q-Table?

JavaScript: handle null values along nested object keys by providing a default value

Update the color of a form input using jQuery when the value has been modified

Guide to configuring a robust schema and validation with joi

The function iframe.scrollTo() is not effective for scrolling through Excel or PowerPoint documents on an iPad

Notification from the rear side

Is it necessary to call cancelAnimationFrame before the next requestAnimationFrame?

Is there a Ruby gem similar to Readability that anyone can recommend?

the deactivation of my rollover class is being caused by my float class

Struggles with ajax and JavaScript arise when attempting to tally up grades

"Creating a new object in ThreeJs by deriving from an existing object

The ambiguity surrounding the timing of decorator invocation in TypeScript