Google Chrome - Failed GET ajax request

Question

I am developing a website which loads html from a template page then loads content from XML. for instance these are called in the document.ready function

$.ajax({
                type : "GET",
                url : "template.html",
                dataType : "html",
                success : function(html) {
                    var ndoc = document.createElement('html');
                    ndoc.innerHTML = html;
                    page = $('body', ndoc);
                    $('body').html(page.html());

                    $.ajax({
                        type : "GET",
                        url : "XML/content.xml",
                        dataType : "xml",
                        success : function(xml) {
                            page = $(xml).find('chisiamo').find('dialogue')[0];

                            setupPage(page);
                        }
                    });

                }
            });

This works well in Firefox and Safari. But in Chrome i get a 'Origin null is not allowed by Access-Control-Allow-Origin' when it tries to load template.html. How can I solve this problem? thank you very much.

A screenshot? this is the exact string I get in the Chrome console: 'XMLHttpRequest cannot load file:///Users/***/Dropbox/CorpoMusicale/template.html. Origin null is not allowed by Access-Control-Allow-Origin.' — Lorenzo, Mar 07 '12 at 20:46
Have you seen: http://stackoverflow.com/questions/5224017/origin-null-is-not-allowed-by-access-control-allow-origin-in-chrome-why — Igor, Mar 07 '12 at 20:49
I understand. Is there a way to modify my query to allow it to be successful in chrome? — Lorenzo, Mar 07 '12 at 20:51
@Lorenzo - have you tried using an absolute URL, e.g. `http://localhost/path/to/file/template.html`? — stealthyninja, Mar 07 '12 at 21:10
You need a webserver. You cannot just open files from the disk — zerkms, Mar 07 '12 at 21:19
No luck with that. Is there a way to make my website work with a stock chrome even through only locally? — Lorenzo, Mar 07 '12 at 21:19

score 0 · Answer 1 · answered Mar 07 '12 at 20:57

0

Try to start Google Chrome with this arguments :

google-chrome --disable-web-security --allow-file-access-from-files

answered Mar 07 '12 at 20:57

Damoun

346
1
5

I need to make this website work locally in google chrome. I am aware of the arguments you posted, but isn't there a way to change my request so it works with a standard Chrome without startup options? – Lorenzo Mar 07 '12 at 20:58
I don't think because it's a 'security'. Have you try to put your files in an http server ? – Damoun Mar 07 '12 at 21:02

score 0 · Answer 2 · answered Mar 07 '12 at 21:19

0

You should be able to create a Chrome Web App and set the permissions in the manifest to allow it access to read files from the file:// scheme.

http://code.google.com/chrome/extensions/manifest.html

answered Mar 07 '12 at 21:19

Brad Dwyer

6,305
8
48
68

can you please be more specific? I am really just approaching the whole compatibility thing and am pretty much clueless in this case. – Lorenzo Mar 07 '12 at 21:30
I managed to build the manifest and get the first HTML request working, but cannot still load from XML files. – Lorenzo Mar 07 '12 at 23:35

score 0 · Answer 3 · answered Mar 07 '12 at 22:13

0

You have to add permissions to the page you are requesting in the manifest. Also try using $.getJSON instead ;)

answered Mar 07 '12 at 22:13

jjNford

5,170
7
40
64

Google Chrome - Failed GET ajax request

3 Answers3