How to get JSON data?

Question

JavaScript

Hello.
There is such a country.io/names.json
How to get this data in pure JS, what would be further use of it?

Answer 1

On pure JS - browsers have had fetch api for a long time:

fetch('http://country.io/names.json')
  .then(r => r.json())
  .then(names => console.log('Names arrived!', names)

You can find out more from the documentation:

• https://developer.mozilla.org/en/docs/Web/API/Fetch_API
  Well, do not forget about CORS - if the server does not return these headers, then the request to another domain will not work.

Answer 2

On pure JS, like this
, the address itself, where to knock, you have

var names = {} //тут у нас будет результат
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://country.io/names.json', false);
xhr.send();
if (xhr.status != 200) {
  // обработать ошибку
  alert( xhr.status + ': ' + xhr.statusText ); // пример вывода: 404: Not Found
} else {
  // вывести результат
  names = xhr.responseText;
}

Answer 3

https://www.w3schools.com/js/js_json_parse.asp
for >=IE 8

Answer 4

You most likely have a CORS error and the server is not returning the Access-Control-Allow-Origin: * header. If you don't need to send any headers to the server try using jsonp. https://www.npmjs.com/package/fetch-jsonp - maybe suitable for react
https://learn.javascript.ru/ajax-jsonp - js