没有“ Access-Control-Allow-Origin”标头，但无权访问API

Question

I'm trying to use the UK Parliament API but I'm hitting this error:

XMLHttpRequest cannot load http://findyourmp.parliament.uk/api/search?q=london&f=js . No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://example.com ' is therefore not allowed access.

I know what it means, but there's no JSONP option and I can't edit Parliament's API. How can I get around this? Could I route the request through a PHP file on my server that I can allow access to or would that not solve the problem?

Here's my code:

var search_term = $('#input').val();
var url = 'http://findyourmp.parliament.uk/api/search?q=' + search_term + '&f=js';

$.getJSON(url, function(jd) {
    $('#div').html('<p>Constituency: ' + jd.constituency_name + '</p>');
});

EDIT

API here.

Answer 1

yes using serverside "proxy" would solve the problem, as the Access-Control-Allow_Origin is for client-side calls

simple php snippet

$search_term = "find";
$url = "http://findyourmp.parliament.uk/api/search?q=".$search_term."&f=js";
return file_get_contents($url);