将JSON分配给输入中的值

<script src = ".1.1/jquery.min.js" ></script>
<script type="text/javascript">
  window.onload = function() {
    $.getJSON('/?format=json', function(data) {
      $('.myip').text(data.ip);
    });
  };
</script>
<script type="text/javascript" src="/?format=json"></script>

<script>
  $('.send').on('click', function() {
    document.getElementById('welcomeDiv').style.display = "block";
    $.getJSON('/' + $('.ip').val() + '/json', function(data) {
      $('.city').text(data.city);
      $('.country_name').text(data.country_name);
      $('.country_code').text(data.country_code);
      $('.region').text(data.region);
      $('.region_code').text(data.region_code);
      $('.postal').text(data.postal);
      $('.timezone').text(data.timezone);
      $('.latitude').text(data.latitude);
      $('.longitude').text(data.longitude);
      $('.ip').text(data.ip);
      $('').text(data);
      $('.asn').text(data.asn);
    });
  });
</script>

<input type="text" name="ip" id="ip" maxlength="15" class="ipnput ip" value="">
<button type="button" class="submit send" id="showDiv" value="Check">Check</button>

您几乎完全正确，但错误来自拼写错误。

在onload处理程序中，您以$('.myip')为目标，而在HMTL中，您没有此类输入。另外，您需要使用.val jQuery方法。

而且ipify中带有src调用的脚本元素是多余的，不需要。

尝试一下：

<script src = "https://ajax.googleapis/ajax/libs/jquery/2.1.1/jquery.min.js" ></script>
<script type="text/javascript">
  window.onload = function() {
    $.getJSON('https://api.ipify/?format=json', function(data) {
      $('.ip').val(data.ip);
    });
  };
</script>

<script>
  $('.send').on('click', function() {
    document.getElementById('welcomeDiv').style.display = "block";
    $.getJSON('https://ipapi.co/' + $('.ip').val() + '/json', function(data) {
      $('.city').text(data.city);
      $('.country_name').text(data.country_name);
      $('.country_code').text(data.country_code);
      $('.region').text(data.region);
      $('.region_code').text(data.region_code);
      $('.postal').text(data.postal);
      $('.timezone').text(data.timezone);
      $('.latitude').text(data.latitude);
      $('.longitude').text(data.longitude);
      $('.ip').text(data.ip);
      $('').text(data);
      $('.asn').text(data.asn);
    });
  });
</script>

将JSON分配给输入中的值

<script src = ".1.1/jquery.min.js" ></script>
<script type="text/javascript">
  window.onload = function() {
    $.getJSON('/?format=json', function(data) {
      $('.myip').text(data.ip);
    });
  };
</script>
<script type="text/javascript" src="/?format=json"></script>

<script>
  $('.send').on('click', function() {
    document.getElementById('welcomeDiv').style.display = "block";
    $.getJSON('/' + $('.ip').val() + '/json', function(data) {
      $('.city').text(data.city);
      $('.country_name').text(data.country_name);
      $('.country_code').text(data.country_code);
      $('.region').text(data.region);
      $('.region_code').text(data.region_code);
      $('.postal').text(data.postal);
      $('.timezone').text(data.timezone);
      $('.latitude').text(data.latitude);
      $('.longitude').text(data.longitude);
      $('.ip').text(data.ip);
      $('').text(data);
      $('.asn').text(data.asn);
    });
  });
</script>

<input type="text" name="ip" id="ip" maxlength="15" class="ipnput ip" value="">
<button type="button" class="submit send" id="showDiv" value="Check">Check</button>

<script src = "https://ajax.googleapis/ajax/libs/jquery/2.1.1/jquery.min.js" ></script>
<script type="text/javascript">
  window.onload = function() {
    $.getJSON('https://api.ipify/?format=json', function(data) {
      $('.ip').val(data.ip);
    });
  };
</script>

<script>
  $('.send').on('click', function() {
    document.getElementById('welcomeDiv').style.display = "block";
    $.getJSON('https://ipapi.co/' + $('.ip').val() + '/json', function(data) {
      $('.city').text(data.city);
      $('.country_name').text(data.country_name);
      $('.country_code').text(data.country_code);
      $('.region').text(data.region);
      $('.region_code').text(data.region_code);
      $('.postal').text(data.postal);
      $('.timezone').text(data.timezone);
      $('.latitude').text(data.latitude);
      $('.longitude').text(data.longitude);
      $('.ip').text(data.ip);
      $('').text(data);
      $('.asn').text(data.asn);
    });
  });
</script>