Error in Chrome only XMLHttpRequest cannot load file URL No Access-Control-Allow-Origin header is present on the requested resource

Question

I am following a book example hence the code is very simple   This is the code   jQuery get  ajax search results php                s search query               write results to page   html      And the code is ajax search results php has    lt div id  ajax search results  gt    lt ul gt    lt li gt  lt a href     gt First result lt  a gt  lt  li gt    lt li gt  lt a href     gt Second result lt  a gt  lt  li gt    lt li gt  lt a href     gt Third result lt  a gt  lt  li gt    lt li gt  lt a href     gt More    lt  a gt  lt  li gt    lt  ul gt   lt  div gt    This works as expected in the Firefox   But in Chrome  I can see the error following message in the JS console   XMLHttpRequest cannot load  file    C  xampp xampp htdocs snk ajax search results php s keyword   No  Access-Control-Allow-Origin  header is present on the requested resource  Origin  null  is therefore not allowed access    Can you please help identify the problem

User · Answer

If your problem is like the following while using Google Chrome:

[XMLHttpRequest cannot load file. Received an invalid response. Origin 'null' is therefore not allowed access.]

Then create a batch file by following these steps:

Open notepad in Desktop.

Just copy and paste the followings in your currently opened notepad file:

start "chrome" "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files exit

Note: In the previous line, Replace the full absolute address with your location of chrome installation. [To find it...Right click your short cut of chrome.exe link or icon and Click on Properties and copy-paste the target link][Remember : start to files in one line, & exit in another line by pressing enter]
Save the file as fileName.bat [Very important: .bat]
If you want to change the file later then right-click on the .bat file and click on edit. After modifying, save the file.

This will do what? It will open Chrome.exe with file access. Now, from any location in your computer, browse your html files with Google Chrome. I hope this will solve the XMLHttpRequest problem.

Keep in mind : Just use the shortcut bat file to open Chrome when you require it. Tell me if it solves your problem. I had a similar problem and I solved it in this way. Thanks.

User · Answer

add this at the top of file   header  content-type  application json  charset utf-8    header  access-control-allow-origin

User · Answer

This is supposedly because you trying to make cross-domain request  or something that is clarified as it  You could try adding header  Access-Control-Allow-Origin       to the requested file   Also  such problem is sometimes occurs on server-sent events implementation in case of using event-source or XHR polling in IE 8-10  which confused me first time

[javascript] Error in Chrome only: XMLHttpRequest cannot load file URL No 'Access-Control-Allow-Origin' header is present on the requested resource

Examples related to javascript

Examples related to google-chrome