如何从Javascript中的JSON对象提取信息？

Question

我想从给定的API获取城市并显示它。控制台上的输出是undefined.This是我迄今为止：

$.getJSON("http://ip-api.com/json", function(data1){ 

    city = data1.city; 
    $("#city").html(city); 

    }); 
    console.log(city); 

我该如何成功地做到这一点？

Answer 1

$.getJSON("http://ip-api.com/json", function(data1) { 
 
    city = data1.city; 
 
    $("#city").html(city); 
 
    console.log(city); 
 
});

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