Show only specific data from JSON results

Question

Show only specific data from JSON results

I am trying to display a specific cryptocurrency's price without the need for curly braces or explicitly stating "USD". Currently, it appears as {"USD":0.4823} when using the following code:

<script>
        $(document).ready(function () {
                $.getJSON('https://min-api.cryptocompare.com/data/price?fsym=XLM&tsyms=USD',
                function (data) {
                    document.write(JSON.stringify(data));
                });
        });
    </script>

I am having difficulty progressing from this point and have not been able to find relevant solutions in similar questions' answers.

javascript json

Answer 1

Answer №1

Avoid using stringify when you need to avoid a string representation of the complete object.

Instead, access the values of the object's properties directly.

document.write(data.USD);

Answer 2

Avoid using stringify when you need to avoid a string representation of the complete object.

Instead, access the values of the object's properties directly.

document.write(data.USD);

Answer 3

Answer №2

If you're solely interested in the price 0.4823 of the item { "USD":0.4823 }, regardless of whether the currency is "USD," "EUR," or any other, the solutions provided below will always display only the price and disregard the currency.

Solution 1: Utilize pure Javascript without JQuery

document.addEventListener("DOMContentLoaded", function(event) { 
  fetch('https://min-api.cryptocompare.com/data/price?fsym=XLM&tsyms=USD')
  .then(x => x.json())
  .then(data => {
    const key = Object.keys(data)[0]; // first key, in this case it's USD
    document.write(data[key]);
  
  });
});

Solution 2: With JQuery, utilize promises

$(document).ready(function () {
  $.getJSON('https://min-api.cryptocompare.com/data/price?fsym=XLM&tsyms=USD')
    .done(data => {
      const key = Object.keys(data)[0]; // first key, in this case it's USD
      document.write(data[key]);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

It is recommended to use Solution 1 as it purely relies on Javascript for implementation!

Answer 4

If you're solely interested in the price 0.4823 of the item { "USD":0.4823 }, regardless of whether the currency is "USD," "EUR," or any other, the solutions provided below will always display only the price and disregard the currency.

Solution 1: Utilize pure Javascript without JQuery

document.addEventListener("DOMContentLoaded", function(event) { 
  fetch('https://min-api.cryptocompare.com/data/price?fsym=XLM&tsyms=USD')
  .then(x => x.json())
  .then(data => {
    const key = Object.keys(data)[0]; // first key, in this case it's USD
    document.write(data[key]);
  
  });
});

Solution 2: With JQuery, utilize promises

$(document).ready(function () {
  $.getJSON('https://min-api.cryptocompare.com/data/price?fsym=XLM&tsyms=USD')
    .done(data => {
      const key = Object.keys(data)[0]; // first key, in this case it's USD
      document.write(data[key]);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

It is recommended to use Solution 1 as it purely relies on Javascript for implementation!

Show only specific data from JSON results

Answer №1

Answer №2

Similar questions

The appearance of the circle in Safari is rough and lacks smoothness

Detect the "@" character through keyUp for the implementation of @mentions feature

Is there a way to emphasize a particular day on the calendar obtained from the URL?

Unraveling the mystery: How does JavaScript interpret the colon?

Stuck autoplay feature when clicking

create a JavaScript array variable for posting items

Error: The variable "weather" is not defined while using React with the weatherbit API

Another inquiry regarding a city autocomplete field in a global setting

There was an error in the function involving the addition operation, as it did not have a loop with the appropriate signature for the specified data types

What is the best way to append a key to a JSON list in Python for an object with matching name?

The browser is preventing a cross origin request in Fetch

A clever method for implementing lazy-loading using mobx

Adjustable annotations in flot chart

Generating dynamic div elements using jQuery

Exploring the versatility of Grails 3 profiles through JSON rendering and implementing a One to Many relationship with

Searching for corresponding items in multi-dimensional arrays using Javascript

Unexpected value detected in D3 for translate function, refusing to accept variable

Implementing optimal techniques to create a JavaScript file for data retrieval in a Node.js application

Generate a random number using the Math.random() method in Node.js/JavaScript to access a folder on the local machine

Turn off the scrolling bars and only allow scrolling using the mouse wheel or touch scrolling