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

Triggering a new window on button click with Vue and Nuxt

Can you help me streamline the code for the Sign Up Form app using React and jQuery?

Creating a function within a module that takes in a relative file path in NodeJs

How to access iFrame in ReactJS using document.getElementById

When working with Java, it is important to remember that a JSONObject text always needs to start with a '{' at the first character

Tips for interpreting JSON content within a C# HttpPost function

What is the best approach to slowly transition a value to a different one over a set period of time?

Aurora MySQL causes PHP to stumble when encoding data into JSON

Is there a way to deactivate middleware in Node, Express, and Mocha?

What is the reason for sending a single file to the server?

The problem of removing issue divs persists despite Jquery's efforts

Where do I find the resultant value following the completion of a video production through editly?

Asynchronous JavaScript function within a loop fails to refresh the document object model (DOM) despite

Creating an automatic image carousel using a combination of Jquery, Javascript, and CSS

Tips for managing blur events to execute personalized logic within Formik

JavaScript code failing to return array contents

There are no leaks displayed in Chrome Dev Tools, however, the Task Manager will show them until Chrome eventually crashes

How to use expressjs to fetch an image from a URL and show it on a webpage

What is the best way to trigger a unique modal dialog for every element that is clicked on?

Iterate through an array to extract specific objects and exclude them from another array