Perform $.getJSON without using JQuery [duplicate]

Question

How do I get country code using javascript only, I am not allowed to use jQuery.

I have seen some sites like http://ipinfo.io , but all examples uses JQuery getJson, can I implement the same method :

var country_code = null;
$.getJSON('http://ipinfo.io/' + userip, function(data){
    country_code = data.country;
    alert(country_code);
});

I tried the following, but it returns a page instead:

var request = new XMLHttpRequest();

request.onload = function(elements) { console.log(elements); };
request.open("get", "http://ipinfo.io", true);
request.send();

See youmightnotneedjquery.com/#json. They have alternatives to JQuery methods written in pure javascript. — backpackcoder
– backpackcoder, Commented Feb 2, 2017 at 19:46

Filip Matthew · Accepted Answer · 2017-02-02 20:00:25Z

2

Working example:

var someIp = '8.8.8.8';
var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == XMLHttpRequest.DONE) {
    if (xmlhttp.status == 200) {
      document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
    }
    else if (xmlhttp.status == 400) {
      alert('There was an error 400');
    }
    else {
      alert('something else other than 200 was returned');
    }
  }
};

xmlhttp.open("GET", "//ipinfo.io/"+someIp+"/json", true);
xmlhttp.send();

<div id="myDiv">
  pending
</div>

The ipinfo.io service returns JSON format only when proper header requesting JSON is attached. But it can be specified easily also with the /json directly in the requesting url.

answered Feb 2, 2017 at 20:00

Filip Matthew

3282 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bilal Halayqa Over a year ago

Yeah, I just found that I missed to append the IP , check the question. Thanks a lot :)

Collectives™ on Stack Overflow

Perform $.getJSON without using JQuery [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related