How to extract converted value from response using jquery ajax method?

Question

I am using this link :freecurrencyconverterapi to get the converted value from USD to INR.

As you can see in developer mode of browser that the response is {"USD_INR":64.857002}. Since I am new to programming, is there a way to get the float value using jquery ajax .

Thanks in advance.

Here's a different API that works as-is: https://jsfiddle.net/khrismuc/71qt68xt/ — , Nov 22 '17 at 10:30

score 3 · Accepted Answer · edited Nov 22 '17 at 10:27

3

That is returning a JSON object.

You need to assign that response object to a variable in your code, so ultimately it will end up looking like below...

var currency = { USD_INR: 64.857002 };

Then you can access it like this:

currency.USD_INR // This will give you 64.857002

See example below..

Edit: As per Rory's code (adapted)...

var currency;

$.ajax({
  url: 'https://free.currencyconverterapi.com/api/v4/convert?q=USD_INR&compact=ultra',
  dataType: 'jsonp',
  success: function(data) {
    currency = data.USD_INR;
    console.log(currency);
  }
})

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

edited Nov 22 '17 at 10:27

Rory McCrossan

331,213
40
305
339

answered Nov 22 '17 at 10:19

curv

3,796
4
33
48

The question's title is misleading; the main issue here is how to use jQuery's ajax. – Nov 22 '17 at 10:23
Just change it to JSONP.. Works... please upvote me :-) – curv Nov 22 '17 at 10:23
2

One of the few times that JSONP is supported :) Upvoted you – Rory McCrossan Nov 22 '17 at 10:29
1

Agreed - tbf it was a lucky guess, I nearly didn't bother as I thought it wouldn't work. Thanks Rory – curv Nov 22 '17 at 10:29
Thanks @ Rory McCrossan and @ Zinc .This works perfectly. – Savio menezes Nov 22 '17 at 10:54
Yes, jsonp is supported. Thanks for referencing the site! :) – Manny Jul 10 '18 at 02:28

score 0 · Answer 2 · answered Nov 22 '17 at 10:23

The url that u provided had an issue, so I took an unorthodox route to get what u wanted;

$.get( "https://cors-anywhere.herokuapp.com/https://free.currencyconverterapi.com/api/v4/convert?q=USD_INR&compact=ultra", function( data ) {
  $( ".result" ).text( data );
  document.getElementById("result").innerHTML = JSON.stringify(data);
  console.log(data);
  //alert( "Load was performed." );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="result">
</div>

How to extract converted value from response using jquery ajax method?

2 Answers2