Question

I’m not sure I understand what types of vulnerabilities this causes.

When I need to access data from an API I have to use ajax to request a PHP file on my own server, and that PHP file accesses the API. What makes this more secure than simply allowing me to hit the API directly with ajax?

For that matter, it looks like using JSONP http://en.wikipedia.org/wiki/JSONP you can do everything that cross-domain ajax would let you do.

Could someone enlighten me?

Answer 1

I think you’re misunderstanding the problem that the same-origin policy is trying to solve.

Imagine that I’m logged into Gmail, and that Gmail has a JSON resource, http://mail.google.com/information-about-current-user.js, with information about the logged-in user. This resource is presumably intended to be used by the Gmail user interface, but, if not for the same-origin policy, any site that I visited, and that suspected that I might be a Gmail user, could run an AJAX request to get that resource as me, and retrieve information about me, without Gmail being able to do very much about it.

So the same-origin policy is not to protect your PHP page from the third-party site; and it’s not to protect someone visiting your PHP page from the third-party site; rather, it’s to protect someone visiting your PHP page, and any third-party sites to which they have special access, from your PHP page. (The “special access” can be because of cookies, or HTTP AUTH, or an IP address whitelist, or simply being on the right network — perhaps someone works at the NSA and is visiting your site, that doesn’t mean you should be able to trigger a data-dump from an NSA internal page.)

JSONP circumvents this in a safe way, by introducing a different limitation: it only works if the resource is JSONP. So if Gmail wants a given JSON resource to be usable by third parties, it can support JSONP for that resource, but if it only wants that resource to be usable by its own user interface, it can support only plain JSON.