javascript - Cross origin requests are only supported for HTTP but it's not cross-domain

Question

I'm using this code to make an AJAX request:

$("#userBarSignup").click(function(){
    $.get("C:/xampp/htdocs/webname/resources/templates/signup.php",
        {/*params*/},
        function(response){
            $("#signup").html("TEST");
            $("#signup").html(response);
        },
        "html");

But from the Google Chrome JavaScript console I keep receiving this error:

XMLHttpRequest cannot load file:///C:/xampp/htdocs/webname/resources/templates/signup.php. Cross origin requests are only supported for HTTP.

The problem is that the signup.php file is hosted on my local web server that's where all the website is run from so it's not cross-domain.

How can I solve this problem?

Answer 1

I've had luck starting chrome with the following switch:

--allow-file-access-from-files

On os x try (re-type the dashes if you copy paste):

open -a 'Google Chrome' --args -allow-file-access-from-files

On other *nix run (not tested)

 google-chrome  --allow-file-access-from-files

or on windows edit the properties of the chrome shortcut and add the switch, e.g.

 C: ... Applicationchrome.exe --allow-file-access-from-files

to the end of the "target" path