Help With Getting Json Format Data From External Website

I am trying to get Json format data from this website .. http://www.livetraffic.sg/feeds/json however when i use ajax.. i run into this particular error in my chrome console. Error

Solution 1:

This is your browser enforcing the same-origin policy. You are not allowed to make requests to domains other than the domain your script was fetched from.

You will have to set up some server-side proxy on the same domain as the one your script is served from and have it supply the data. (You could also cache this data on the server if it would make sense.)

Solution 2:

You cannot make cross-domain JSON requests. Your browser will not allow it. If the target domain allows JSONP requests http://en.wikipedia.org/wiki/JSONP#JSONP then you'll be able to use this work-around instead. Else you'll have to make the request server-side.

Solution 3:

Simpler you can perform an ajax query to a local php page which contains

header("Content-type: application/json; charset=utf-8");
echo file_get_contents('http://www.livetraffic.sg/home2/get_erp_gantry');

You just must have allow_url_fopen true.

Solution 4:

Thanks All! Manage to pull down the Json data from external website using a server side PHP script and then passing variables to my javascript :)