9

I'm facing this issue with chrome and IE. I have developed HTML player in that i used XML to load the data inside that player. all pages have been accessed through XML.it work fine when I use any server to load that data inside player.I use WAMP server now. But now I'm thinking about making it as an offline version and write it inside CD. but when I open my player.html file directly without having server, the XML data not going to load.it showing following error in the console.

XMLHttpRequest cannot load file:///C:/wamp/www/TTT_BR/english.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

5
  • Does your extension have file checkbox enabled on chrome://extensions page?
    – wOxxOm
    May 12, 2017 at 17:15
  • @wOxxOm I don't have checked any check box. Even I don't have added any extensions which can affect for loading my XML offline.I have used $ajax load method to load the XML data. when I use wamp it works fine, but I'm not able to see access that XML data in the offline version. function loadXmlFile(selFile){ $.ajax({ url:selFile+'.xml', method:'GET', datatype:'xml', success:function(data){ xmlDataLoad(data); } }); May 15, 2017 at 5:20
  • To see the checkbox first enable "developer mode" on that page.
    – wOxxOm
    May 15, 2017 at 5:25
  • @wOxxOm - I have checked that developer mode but, still throwing some error in the console. jquery-1.11.3.js:9664 XMLHttpRequest cannot load file:///C:/wamp/www/TK_B00/english.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. ​ May 15, 2017 at 5:53
  • Possible duplicate of "Cross origin requests are only supported for HTTP." error when loading a local file
    – user719662
    Jul 8, 2017 at 13:06

4 Answers 4

19

you must run your app in the server , use node js

1- Install NodeJS // Hint: If you're on a Mac, you want to install and use Homebrew for this

2- Open your favorite terminal emulator

2- Install http-server by running: npm install http-server -g

3- Start http-server by running: http-server 'path/to/your/angular/root/directory' -o

That last command — specifically, the -o flag — should open a browser window at: localhost:8080

OR// use cd to find your directory app
and use this command : http-server . -o

"." mean your current directory

you can see : https://teamtreehouse.com/community/i-am-not-able-to-load-my-json-file

8

for testing/development purposes, the simplest solution is to use firefox browser.

1
2

Pretty much everyone has python on mac/linux by default. Who doesent, can easily get it.

python -m SimpleHTTPServer will give you a local server @ http://localhost:8000. From there you can access whatever file you'd like for your app.

Note: use python -m http.server for python versions 3.0+

1

Or you can run a web server like Apache and MySQL in XAMPP Control Panel. Put your file folder inside /htdocs inside /xampp folder and run your code in the browser using localhost.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.