Wie extrahiere ich Informationen aus einem JSON-Objekt in Javascript?

Question

Ich möchte Stadt von der gegebenen API bekommen und es anzeigen. Die Ausgabe auf der Konsole ist undefined. Das ist, was ich bis jetzt habe:

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

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

    }); 
    console.log(city); 

Wie kann ich das erfolgreich machen?

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>