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>