Есть ли возможность получить курс валют и новости в JS?

Question

[Wasya UK]

Есть ли API, который позволяет получить последние новости и курс валют используя геолокацию пользователей. Погоду я нашел, но с валютами и новостями поиски не удались(

Comments

[alex]

а как связаны курсы валют и геолокация?

[Wasya UK]

типа укр - грн рус - руб ...

Answer 1

[moow]

Вам поможет AJAX и сервисы новостей и валют которые выдают данные в JSON. Геолокация JSON тут: ip-api.com/json

Comments

[Wasya UK]

Access to XMLHttpRequest at 'about:blank' (redirected from 'ip-api.com/json') from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

А почему ваш сервис не работает? Через постмен получается, а через простой ajax | fetch политика КОРС

$.get('http://ip-api.com/json/', function(data) {
    $('body').html(data);
  });

fetch('http://ip-api.com/json/', {
  method: 'GET',
  headers: new Headers({
        'Content-Type': 'text/plain',
        'Access-Control-Allow-Origin': '*'
    })
})
  .then(resolve => {
    return resolve.json()
  })
  .then(data => {
    console.log(data)
  })

[moow]

Wasya UK, у меня всё работает

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
	$(document).ready(function(){
		$.getJSON( "http://ip-api.com/json/", function( data ) {
		var items = [];
		$.each( data, function( key, val ) {
			items.push( "<li id='" + key + "'>" + val + "</li>" );
		});
	 
		$( "<ul/>", {
		"class": "my-new-list",
		html: items.join( "" )
		}).appendTo( "body" );		
	});
});
</script>

[Wasya UK]

moow, не работает, если использовать webpack dev server. На простой странице все ок