6

我是编程初学者，我希望有人给我一个例子来告诉我如何用文本编写JSON数据HTML

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    </head>
    <body>
        <h1>antar<h2>
        <script>
            $.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {
                document.open();    
                document.write('Latitude: ' + data.latitude + '\nLongitude: ' + data.longitude + '\nCountry: ' + data.address.country);
                document.close();
            });
        </script>
    </body>
</html>
4

2 回答 2

5

您可以在 html 中添加如下内容：

 <h2 id='lat'></h2>
    <h2 id='long'></h2>
    <h2 id='country'></h2>

然后将您的脚本重构为：

$(document).ready(function(){

$.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {

  $("#lat").text(data.latitude);  
  $("#long").text(data.longitude);  
  $("#country").text(data.country);      

});
 });

​这是一个你可以玩的工作示例。

于 2012-12-31T10:31:37.877 回答
0

使用 JSON.stringify 并将其注入到任何带有 div 的 DOM 元素示例中mydiv

var a = JSON.stringify(myJSON);

document.getElementById('mydiv').innerHTML(a);

参考：

https://github.com/douglascrockford/JSON-js

于 2012-12-31T10:22:00.200 回答