0

I made an ajax call to get datas from the excel. All working fine, but in chrome i got the below error

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin null is therefore not allowed access.

My AJAX

$(function () {

        $.ajax({
        type: "GET",
        url: "Data.csv",--------> (excel file)
        dataType: "text",
        success: function(data) {

        processData(data);

}

My excel file is in the same location where the html file is saved. it works fine in ie and firefox browser, but i am getting error in chrome. Searched for the solution, some guys suggested CORS request.But i dont know how to use that. Can any one tell me how to overcome this error using CORS with example

Thanks in advance

user3326265
  • 257
  • 1
  • 4
  • 14
  • http://stackoverflow.com/questions/10636611/how-does-access-control-allow-origin-header-work – airi Mar 07 '14 at 03:50
  • I think you're just opening your html file in browser. Instead of this try host in a server and open. Right now the protocol is file:// and request origin will be null which might blocked by some browsers. – N K Mar 07 '14 at 04:25

1 Answers1

1

If the html file & csv file are in the same folder, I don't think so its a CORS issue. Are you by any chance loading the page using file://somedir/somedir/index.html ? This will for sure not work.

If you are loading the page via say http:// localhost:1234/somedir/index.html and you are still having this issue, I have put together a post for CORS here. This is a wrapper for Cross Browser Cross Domain Ajax.

Do let me know if this helps!

Arvind
  • 671
  • 13
  • 46