HTML Javascript网页内容读入变量

Question

Lets say I have this weblink: http://checkip.amazonaws.com/ . I've made a java program (actual program. not webpage) that reads the content of this webpage (eg. "25.25.25.25") and displays it in a jLabel (Using Netbeans IDE 1.7.3) and it works.

Now how can I read the contents of this same webpage (eg. "25.25.25.25") and display it as normal text on a webpage (The final webpage must be .html not .php or what ever)?

I dont mind any script whether is html or javascript or anything, I just please need it to work so that when the webpage is opened it can read something like:

"Your IP: 25.25.25.25"

Preferably reading the contents of http://checkip.amazonaws.com/ into

<script>var ip = needCodeHere</script>

If I can get the IP into a var or read the contents of that webpage into a var I'm happy but other code is happy to as long as it works.

Please help :( been staring at google for days and cant find a solution)

Answer 1

You'll need 3 files (in the same directory) to do that. A HTML file to show the ip, a PHP file to get that ip via curl, and a JS file to connect the html and the php. It would be simpler if the "final webpage" could be the ip.php itself, but let's do it this way:

1) ip.html (the "final webpage")

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

Let me know if you need more explanation.