如何将数据从 js 警报框获取到标签中

How to get data from a js alert box into a label

本文关键字：获取 标签 数据 js      更新时间：2023-09-26

我只想将警报框中的数据显示为标签。

这是我发现的，它作为警报框工作正常：

<script language="Javascript"  type="text/javascript" src="http://www.codehelper.io/api/ips/?js"></script>
<script language="Javascript"  type="text/javascript" >
    alert(codehelper_ip.IP);
    alert(codehelper_ip.CityName);
</script>

我搜索了相当长的时间，找到了丰富的信息，但没有一个是我能够工作的。

我尝试了许多片段并玩了这些片段的许多变体，但我得到编译错误或空白屏幕。

一定有一个相对简单的方法可以做到这一点，不是吗？

任何帮助将不胜感激。

鲍勃

感谢您的回复。

Awolf 和 Allesandro，我已经能够在我的页面中使用您的代码并让它显示大量信息。但是，这不是我想要的。

Epascarello，我能够单击此处网站上的"运行代码片段"，并得到了我想要的东西。但是，我似乎无法在我的页面上实现。

你说它是基本的Javascript，很可能是，但js不是我的强项之一。事实上，我什至没有JS套装。

我无法使用您的脚本获得一个页面来显示我需要的内容，但我确信这就是我需要的。

在许多其他变体中，这是我尝试过的：

<script language="Javascript"  type="text/javascript" src="http://www.codehelper.io/api/ips/?js">
document.getElementById("ip").innerHTML = codehelper_ip.IP;
document.getElementById("city").innerHTML = codehelper_ip.CityName;
</script>
<label id="ip"></label>
<label id="city"></label>

是的，我已经包括了这个：

<script language="Javascript"  type="text/javascript" src="http://www.codehelper.io/api/ips/?js">

我走错了什么地方？

谢谢鲍勃

Basic JavaScript。使用 getElementById 引用元素，并使用 innerHTML 将对象值设置为元素中。

document.getElementById("ip").innerHTML = codehelper_ip.IP;
document.getElementById("city").innerHTML = codehelper_ip.CityName;
<script language="Javascript"  type="text/javascript" src="http://www.codehelper.io/api/ips/?js"></script>
<label id="ip"></label>
<label id="city"></label>

请参阅 http://jsfiddle.net/alemarch/eko0u6jf/

<div id="info"></div>
<script>
  html="";
  for (x in codehelper_ip) {
     html += x +": " + codehelper_ip[x] + "<br>"
  }
  document.getElementById("info").innerHTML = html
</script>

或者如果您只想要 IP 和国家/地区名称

document.getElementById("info").innerHTML = codehelper_ip["IP"] +" "
document.getElementById("info").innerHTML += codehelper_ip["CountryName"] + " "
document.getElementById("info").innerHTML += '<img height=20 src="' + codehelper_ip["Flag"] + '">';

如果你使用的是jQuery，你可以使用下面的演示中的数据：

在此演示中，您将看到 JSON 对象中的每个键codehelper_ip 。

请注意，这是数据的同步请求。它会稍微减慢您的javascript执行/页面加载速度。我认为如果这是您唯一的同步，那没问题。请求。

但是，如果您在初始页面加载时加载了许多js文件，则应检查异步ajax请求是否更好。

(jsFiddle也一样(

$(function() {
    //codehelper_ip;
    var $jsondata = $('<pre/>')
        .html(JSON.stringify(codehelper_ip, null, 2))
    var $IPadr = $('<p/>').text("Your IP address is: " + codehelper_ip.IP);
    
    $('body').append($jsondata, $IPadr);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.codehelper.io/api/ips/?js"></script>

相关文章：