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

Question

我想从给定的api获取城市并显示它。控制台上的输出是未定义的。这是我到目前为止所做的：

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

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

  });
    console.log(city);

我怎样才能成功完成这项工作？

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;