cross domain ajax request of plain text file

Question

I'm struggling with a problem that seems easy. I have a json data that is stored as a plain text file on some server and I need to load it in javascript. I am getting error

XMLHttpRequest cannot load http://www.cgarea.com/ary_telemetry/messages.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

I was reading about CORS and testing different solutions with no success. If the destination URL was a PHP script I could set a header('Access-Control-Allow-Origin: *') but it's just a text file. How can I load this? Do I need to create a tiny PHP script to just return file content?

I put a minimal code on http://jsfiddle.net/rt6jj5tv/6/

Any tips appreciated, thanks.

JS code:

function GetMessages() { //$.getJSON("http://www.cgarea.com/messages.json", GetMessagesCB); $.ajax({ type: 'GET', url: "http://www.cgarea.com/messages.json", dataType: "text/plain", success: GetMessagesCB }); } function GetMessagesCB(data) { console.debug(data); var ui = document.getElementById("Message"); ui.innerHTML = data; } GetMessages();

Community · Accepted Answer · 2017-05-23 11:45:16Z

As you have alluded to, you need to run a JSONP or CORS proxy in order to retrieve the text file via AJAX from another domain. This is a security mechanism built into the browser.

You can add a header to a PHP script of your own to serve this purpose. Another possible method would be to use YQL.

The code:

function GetMessages() { $.getJSON("http://query.yahooapis.com/v1/public/yql", { q: "select * from json where url=\"http://www.cgarea.com/messages.json\"", format: "json" }, function (data) { if (data.query.results) { GetMessagesCB(data.query.results.json); } else { alert('bad'); } } ); } function GetMessagesCB(data) { console.debug(data); var ui = document.getElementById("Message"); ui.innerHTML = JSON.stringify(data); } GetMessages();

Your fiddle updated: http://jsfiddle.net/rt6jj5tv/7/

Thanks Stephen This almost works. I'm getting my data, but for some reason keys are changed. Instead date 2016-03-09_15:58:18 I get _016-03-09_15:58:18. Any clues? Also trying to fix this I noticed that changes to JSON file are not reflected, as if it was cached somewhere. thanks
Right, both issues have to do with YQL I believe. YQL has caching to prevent abuse of their service and they also parse the JSON response "smartly". Try looking into the following two links to address both issues: yqlblog.net/blog/2010/03/12/… and developer.yahoo.com/yql/guide/response.html#response-structure
Finally I just serve this through PHP. But at least I learned about YQL! Thanks

Joe Thomas · Accepted Answer · 2016-03-10 02:30:34Z

I'm sorry, for some reason I thought there was PHP.
Well, to fully answer your question you need to enable CORS on the server side. Unless you own:http://www.cgarea.com/ary_telemetry/messages.json there's not much you can do other than contacting the person who owns that site.

Hi wateriswet, I own cgarea.com it's on hosting account. Do you know how/where can I find PHP this configuration?

Collectives™ on Stack Overflow

cross domain ajax request of plain text file

2 Answers 2

3 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Linked

Related