I'm developing a page that
pulls images from Flickr and Panoramio via jQuery's AJAX
support.
The Flickr side is working fine, but
when I try to $.get(url, callback)
from Panoramio, I see an
error in Chrome's console:
XMLHttpRequest cannot load href="http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150"
rel="noreferrer">http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150.
Origin null is not allowed by
Access-Control-Allow-Origin.
If
I query that URL from a browser directly it works fine. What is going on, and can I get
around this? Am I composing my query incorrectly, or is this something that Panoramio
does to hinder what I'm trying to
do?
Google didn't turn up any useful
matches on the href="http://www.google.co.uk/search?q=%22Origin+null+is+not+allowed+by+Access-Control-Allow-Origin%22"
rel="noreferrer">error
message.
EDIT
Here's
some sample code that shows the
problem:
$().ready(function ()
{
var url =
'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150';
$.get(url, function (jsonp) {
var processImages = function (data)
{
alert('ok');
};
eval(jsonp);
});
});
You
can run the example
online.
EDIT
2
Thanks to Darin for his help
with this. THE ABOVE CODE IS WRONG. Use this
instead:
$().ready(function ()
{
var url =
'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&minx=-30&miny=0&maxx=0&maxy=150&callback=?';
$.get(url, function (data) {
// can use 'data' in
here...
});
});
No comments:
Post a Comment