Análisis JSON utilizando jQuery en enlace html API - jquery, json

Estoy tratando de escribir un Jquery para analizar la información del producto desde una API.

<div id="placeholder"></div> guión....

$.getJSON(data);
var output = "<ul>";
for (var i in data.products) {
output += "<li>" + data.products[i].sku + " " + data.products[i].name + "--" +
data.products[i].salePrice + "</li>";
}
output += "</ul>";
document.getElementById("placeholder").innerHTML = output;`

cuando doy var data = {"products":[{"id_item":12324,"id_name":"canon"} Funciona pero si paso un enlace var data = "http://api.remix.bestbuy.com/v1/products(manufacturer=canon&salePrice%3C1000)?format=json&show=sku,name,salePrice&apiKey=<API_KEY> No funciona. Soy un principiante y tratando de aprender JQUERY. Cualquier tipo de ayuda será apreciada ... ¿Hay algún depurador de código para Jquery ... Gracias de antemano ...

Respuestas

Si está configurando la variable data para una URL y usar eso en la función getJSON entonces su data.products etc .. en realidad no hace referencia a nada porque data sigue apuntando a tu URL.

Eche un vistazo a la Documentación de la API getJSON pero necesitarás hacer algo como el siguiente.

var url = "http://api.remix.bestbu....."
$.getJSON(url, function(data){
var output = "<ul>";
for (var i in data.products) {
etc.....
});

EDITAR

Para JSONP, deberá especificar el tipo de datos utilizando el $.ajax función. No estoy al tanto de cómo hacerlo. $.getJSON, alguien me corrija por favor si me equivoco.

$.ajax({
type:"GET",
dataType: "JSONP",
url: url,
success:function(data){
// .... Your function with the data.
}
});