如何從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>