Question

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

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

＆＃13;

<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>

＆＃13;

我已经搜索了很长时间，并且已经找到了大量的信息，但我没有能够开展工作。

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

必须有一种相对简单的方法，不存在吗？

非常感谢任何帮助。

鲍勃

感谢您的回复。

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

Epascarello，我能够点击＆＃34;运行Code Snippet＆＃34;在这里的网站上，得到了我正在寻找的东西。但是，我似乎无法在我的网页上实施。

你说它是基本的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">

我在错误的地方得到了什么？

由于鲍勃

Answer 1

基本JavaScript。使用getElementById引用元素并使用innerHTML将对象值设置为元素。

＆＃13;

document.getElementById("ip").innerHTML = codehelper_ip.IP;
document.getElementById("city").innerHTML = codehelper_ip.CityName;

＆＃13;

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

＆＃13;

Answer 2

请参阅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和CountryName

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"] + '">';

Answer 3

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

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

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

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

（同样在jsFiddle）

＆＃13;

$(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);
});

＆＃13;

<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>

＆＃13;

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

3 个答案: