XMLHttpRequest cannot load. On LocalHost

Question

Here is my code:

<script type="text/javascript">
   $(".link").click(function(){
   var id = this.id;

   if(id == 'b1'){
      $( "#conteudo" ).load( "teste.html", function(){
      alert('Carregou de boa !');
   });
   }      
   });
</script>

All my pages are in localhost, I'm doing this just for study.
And this is the error that Chrome is giving me when I press the B1 button:

UPDATE Full Error:

OPTIONS file:///E:/mypath/folder/page.html No 'Access-Control-Allow-Origin'   
header is present on the requested resource. Origin 'null' is therefore not allowed access.

Metagrapher · Accepted Answer · 2014-03-14 23:37:58Z

1

If you're doing this locally, make sure you are visiting your page over http and not the file protocol.

Also, just to make sure you're going to same origin, you can add // to the link like so:

$( "#conteudo" ).load( "//teste.html", function(){

You can pick up a local virtual machine webserver (Virtual Box) here: http://virtualboxes.org/images/

answered Mar 14, 2014 at 23:37

Metagrapher

8,9921 gold badge27 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

PlayHardGoPro Over a year ago

Now I'm getting only 1 error, this one: *XMLHttpRequest cannot load file://teste.html/. Cross origin requests are only supported for HTTP. *

Metagrapher Over a year ago

Indeed, you're not going to be able to do XMLHttpRequest over file:/// protocol

PlayHardGoPro Over a year ago

So, I can not use it on localhost ?! D:

Metagrapher Over a year ago

You can use it on localhost, but only if you go to it over http://, not file:///. You'll need to have a local webserver running, or a virtualmachine with a webserver built in, in order to run it. I suggested a virtual machine, because you can get one pre-configured. Otherwise you'll have to configure your local one.

Metagrapher Over a year ago

It's because file protocol is an entirely different protocol than Http. Your browser is able to interpret the markup from the file protocol, but it's not truly http, which XMLHttpRequest must use (it's in the name ;)). As well, same origin policy sees the different protocols as different origins and therefore can't do anything with an XMLHttpRequest that's requested by a page on the file:/// protocol.

|

Quentin · Accepted Answer · 2014-03-14 23:34:01Z

0

Chrome only does XMLHttpRequests over http(s). Use http://localhost instead of file://localhost

answered Mar 14, 2014 at 23:34

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

1 Comment

PlayHardGoPro Over a year ago

Really man? It's a really big path D: I'll do this for as a job later, how may I do that when I update this to the server? Like: public_html/ajax/page.html ?

Raul Guiu · Accepted Answer · 2014-03-14 23:37:50Z

0

If you have python installed run SimpleHTTPServer with:

python -m SimpleHTTPServer

If you do this in the same dir where your web files are located you will have a webserver running in a very easy way

answered Mar 14, 2014 at 23:37

Raul Guiu

2,41423 silver badges39 bronze badges

2 Comments

PlayHardGoPro Over a year ago

I don't think I have it'-'

Raul Guiu Over a year ago

if you use windows you could install cygwin, gitbash or something similar.

Collectives™ on Stack Overflow

XMLHttpRequest cannot load. On LocalHost

3 Answers 3

7 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related