javascript - HTML Javascript 网页内容读入 var

Question

假设我有这个网络链接:http://checkip.amazonaws.com/ 。我制作了一个 java 程序(实际程序。不是网页)，它读取此网页的内容(例如“25.25.25.25”)并将其显示在 jLabel 中(使用 Netbeans IDE 1.7.3 )并且它有效。

现在我如何读取同一网页的内容(例如“25.25.25.25”)并将其显示为网页上的普通文本(最终网页必须是 .html 而不是 .php 或其他)？

我不介意任何脚本，无论是 html 还是 javascript 或者其他什么，我只是需要它工作，这样当网页打开时它可以读取如下内容:

“您的 IP:25.25.25.25”

最好阅读http://checkip.amazonaws.com/的内容进入

<script>var ip = needCodeHere</script>

如果我可以将 IP 放入 var 中或将该网页的内容读取到 var 中，我很高兴，但只要它有效，其他代码也很高兴。

请帮忙:(盯着谷歌好几天了，找不到解决方案)

Answer 1

您需要 3 个文件(位于同一目录中)才能执行此操作。一个显示 ip 的 HTML 文件，一个通过curl 获取该 ip 的 PHP 文件，以及一个连接 html 和 php 的 JS 文件。如果“最终网页”可以是 ip.php 本身，那就更简单了，但让我们这样做:

1) ip.html(“最终网页”)

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="ip.js"></script>

<div id="ip"></div>

2) ip.php

<?php
  $curl = curl_init();
  curl_setopt($curl, CURLOPT_URL, 'http://checkip.amazonaws.com');
  $result = curl_exec($curl);
  curl_close($curl);
?>

3) ip.js

  $.ajax({
    url: 'ip.php',
    type: "GET",
    success: function (data) {
      $('#ip').html("Your IP: " + data);
    }
  });

如果您需要更多解释，请告诉我。