XMLHttpRequest cannot load ''. No 'Access-Control-Allow-Origin'

Little scum · Posted on 9/27/2015 10:48:47 PM

Mistake:

XMLHttpRequest cannot load ''. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' ' is therefore not allowed access.

Cause: Javascrip{filter}t also gets this error when accessing local files. For security reasons, browsers do not allow Javascrip{filter}t to access local files.
Solution:

Chrome does not support local Ajax requests, and this problem occurs when I access .json file in a .html file, which means that this .html file cannot be loaded at this time.

Solution

Open the Chrome shortcut's properties settings:
Right-click on the Chrome browser shortcut and select "Properties",
Add "--allow-file-access-from-files" to "Target", notice a space in front of it,
Just restart your Chrome browser.

admin · Posted on 12/6/2015 4:18:33 PM

<html>
<head>
<title>title</title>
<scrip{filter}t src="http://code.jquery.com/jquery-1.7.1.min.js"></scrip{filter}t>
<scrip{filter}t>
      $.ajax({
         url:"http://www.test.com/gpsApi.php?lat=22.502412986242&lng=113.93832783228",
         type:'GET',
         dataType:'JSONP',
         success: function(data){
            $('body').append( "Name: " + data );
         }
      });
</scrip{filter}t>
</head>
<body>
Test Ajax cross-domain questions
</body>
</html>

Use the jsonp format, such as ajax request parameter dataType: 'JSONP' in jquery.

[Jquery] XMLHttpRequest cannot load ''. No 'Access-Control-Allow-Origin'

Related Posts

Sections viewed