/ / एपीआई html लिंक में jQuery का उपयोग कर JSON पार्सिंग - jquery, json

जेएसओएन एपीआई एचटीएमएल लिंक में jQuery का उपयोग कर पार्सिंग - jquery, json

मैं एक एपीआई से उत्पाद जानकारी के लिए एक jquery लिखने की कोशिश कर रहा हूँ।

<div id="placeholder"></div> स्क्रिप्ट ....

$.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;`

जब मैं संस्करण देता हूं data = {"products":[{"id_item":12324,"id_name":"canon"} यह काम करता है लेकिन अगर मैं एक लिंक पास करता हूं var data = "http://api.remix.bestbuy.com/v1/products(manufacturer=canon&salePrice%3C1000)?format=json&show=sku,name,salePrice&apiKey=<API_KEY> यह काम नहीं करता। मैं एक शुरुआती हूं और JQUERY सीखने की कोशिश कर रहा हूं। किसी भी तरह की मदद की सराहना की जाएगी ... क्या Jquery के लिए कोई कोड डीबगर है ... अग्रिम धन्यवाद ...

उत्तर:

उत्तर № 1 के लिए 1

यदि आप चर को सेट कर रहे हैं data एक URL के लिए और getJSON फ़ंक्शन में उस का उपयोग करके फिर आपका data.products आदि .. क्योंकि वास्तव में कुछ भी संदर्भित नहीं है data अभी भी आपके URL की ओर इशारा कर रहा है।

पर एक नज़र डालें GetJSON API डॉक्यूमेंटेशन लेकिन आपको नीचे जैसा कुछ करने की आवश्यकता होगी।

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

संपादित करें

JSONP के लिए आपको डेटा प्रकार का उपयोग करने की आवश्यकता होगी $.ajax समारोह। मैं ऐसा करने के तरीके से अवगत नहीं हूँ $.getJSON, किसी ने मुझे सही किया अगर मैं गलत हूँ;

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