admin管理员组

文章数量:1350953

I'm trying to retrieve a file, on the server that I run my php on. A web hosting service.

I've encountered this problem before, trying to access a file from html either locally, or from a server. My code is:

<! DOCTYPE html >

<html>
   <head>
       <title>retrieve_activities_json.html</title>
   </head>
   <body>
   
       <p id="demo"></p>
       
       <script>
       var xmlhttp = new XMLHttpRequest();
       xmlhttp.onreadystatechange = function() {
           if( this.readystate == 4 && this.status == 200 ) {
               var activities_obj = JSON.parse(this.responseText);
               document.getElementById('demo').innerHTML = activities_obj[0];
           }
   
       };
   
       xmlhttp.open("GET","activities.json", true);
       xmlhttp.send();
       
       </script>
   </body>

</html>

Is there any settings to my browser, or to the webhosting server that will help me defeat this error message:

Access to XMLHttpRequest at 'file:///D:/Web%20Development%20Tutorials/JavaScript%20Practice/activities.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

I'm trying to retrieve a file, on the server that I run my php on. A web hosting service.

I've encountered this problem before, trying to access a file from html either locally, or from a server. My code is:

<! DOCTYPE html >

<html>
   <head>
       <title>retrieve_activities_json.html</title>
   </head>
   <body>
   
       <p id="demo"></p>
       
       <script>
       var xmlhttp = new XMLHttpRequest();
       xmlhttp.onreadystatechange = function() {
           if( this.readystate == 4 && this.status == 200 ) {
               var activities_obj = JSON.parse(this.responseText);
               document.getElementById('demo').innerHTML = activities_obj[0];
           }
   
       };
   
       xmlhttp.open("GET","activities.json", true);
       xmlhttp.send();
       
       </script>
   </body>

</html>

Is there any settings to my browser, or to the webhosting server that will help me defeat this error message:

Access to XMLHttpRequest at 'file:///D:/Web%20Development%20Tutorials/JavaScript%20Practice/activities.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

  • javascript
  • ajax
Share Improve this question asked Nov 26, 2020 at 5:29 CodeSchlockerCodeSchlocker 611 gold badge1 silver badge7 bronze badges 1
  • 1 CORS is setup on the server. – ded Commented Nov 26, 2020 at 5:31
Add a ment  | 

1 Answer 1

Reset to default 4

Seeing Origin 'null' means that you're trying to dynamically load files from your local machine. This is not allowed by the Same-Origin Polciy (CORS) that Chrome is telling you about. Chrome is particularly strict on this rule.

While there are ways to get around it, I really wouldn't remend it.

Your best bet would be to set up a free, local web server and run your test code from there.

本文标签： javascriptHow do I get around Cross Origin Requests being blockedStack Overflow

版权声明：本文标题：javascript - How do I get around Cross Origin Requests being blocked? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743885684a2556013.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。