在不使用 JQuery 的情况下执行 $.getJSON [重复]

Question

如何仅使用 javascript 获取国家代码，我不允许使用 jQuery。

我看过一些类似http://ipinfo.io的网站，但所有例子都使用JQuery getJson，我可以实现相同的方法吗：

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

我尝试了以下方法，但它返回了一个页面：

var request = new XMLHttpRequest();

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

Answer 1

工作示例：

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>

ipinfo.io 服务仅在附加了请求 JSON 的正确标头时才返回 JSON 格式。但也可以直接在请求的 url 中使用/json 轻松指定。