Best Buy API with AJAX & jQuery - errors

Question

As the answer to this question says, I have this block of code to query the best buy api:

$.ajax({
    type: "GET",
    url: "http://api.remix.bestbuy.com/v1/products(search=camera)?apiKey=" + apiKey + "&format=json&callback=?",
    cache: true,
    success: function(data) {
        alert('success');
    },
    dataType: 'json'
});

The code runs fine, but returns an error message from best buy:

"Couldn't understand '/v1/products(search=camera)?apiKey=myApiKey&format=json&callback=jQuery16209624163198750466_1312575558844'"

If I leave out "callback=?" the url returns products just fine when I go to it on the browser, but in the code it throws a javascript error:

"XMLHttpRequest cannot load http://api.remix.bestbuy.com/v1/products(search=camera)?apiKey=myApiKey&format=json. Origin http://mysite.com is not allowed by Access-Control-Allow-Origin."

Answer 1

Update: Found a solution, but it's not ideal. I'd rather not use php, but it works.

I have a php file that grabs the data:

$requestUrl="http://api.remix.bestbuy.com/v1/products(search=camera)?format=json&apiKey={$apiKey}";
$data=file_get_contents($requestUrl);
echo $data;

Then I grab that file with jquery:

$.ajax({
    url: "js/getBestBuy.php",
    dataType: "json",
    success: function(data) {
        alert('success');
    }
});