Question

I have url like this which is a js file example like this link http://www.mysite.com/json.js
and that link will out put a json formatted values like below:

{
"note":null,
"attributes":null,
"total_price":9980,
"total_weight":0,
"item_count":4,
"items":[{
  "id":214597138,
  "title":"Acai +",
  "price":2495,
  "line_price":9980,
  "quantity":4,
  "sku":"",
  "grams":0,
  "vendor":"Delta Labs",
  "variant_id":214597138,
  "url":"/products/acai",
  "image":"http://cdn.shopify.com/s/files/1/0156/4994/products/acai_bottle.png?385",
  "handle":"acai",
  "requires_shipping":true
}],
"requires_shipping":true}

now i wanted to grab that link, then on my jquery how am i going to use that link with json output in order to get the values like the title, url, price, sku, and etc?

i searched on google if there are some functions that can handle this and i found jQuery.getJSON, but i don’t really understand that much or is it applicable to my to what i am trying to accomplish?

By the way, http://www.mysite.com/json.js, its json value is dynamic, therefore it is the link i wanted to grab, and output the json content

Answer 1

Here is how I would do it, in an ajax request for example.

$.get('http://www.mysite.com/json.js', function(result) {
   var json = $.parseJSON(result);
   alert(json.title); //Do whatever you want here
});