javascript - 如果 API 请求给出字符串，如何告诉 JS 仅替换 HTML？

Question

仅当 API 为两个字段提供实际字符串时，我才希望 JS 填充我的范围。如果没有，那么我希望它仅在一个字段中显示默认值。默认值为“德国”。

这是我的代码:

$(document).ready(function () {
  $.get("https://api.ipdata.co?api-key=[APIKEY]", function (response) { 
    city = response.city;
    country_name = response.country_name;
    $("#city").html(city);
    $("#country_name").replaceWith(country_name);
  }, "jsonp"); 
});

<span id="city"></span>
<span id="country_name">Germany</span>

Answer 1

首先，您应该使用text()而不是replaceWith()来设置div的innerText。其次，您可以使用 || 强制转换未定义的值、null、空字符串或任何其他虚假值。试试这个:

$("#city").text(city || '');
$("#country_name").text(country_name || 'Germany');