Question

求个能获取外网的JSON数据显示在我的HTML5页面上的代码

求个能获取外网的JSON数据显示在我的HTML5页面上的代码
已知外网的JSON数据页面，如豆瓣阿北的数据

https://api.douban.com/v2/user/abei

如何读取这个页面的数据显示在我自己域下的HTML5页面上

Answer 1

使用jquery的getJSON是最方便的：

<!-- JavaScript -->
	<script src="js/jquery.min.js"></script>
	<script type="text/javascript">
		var url = 'https://api.douban.com/v2/user/abei?callback=?';
		$.getJSON(url,function(data){
			console.log(data);				
		});
        </script>

我将获取的信息输出到控制台：

有问题，可以追问；没有问题，请采纳，谢谢！

追问

谢谢，那如何将这些信息再输出到HTML里？

追答

假设你的html里面有一个div：

<div id="result"></div>

你可以这样输出到你的页面：

<!-- JavaScript -->
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript">
        var url = 'https://api.douban.com/v2/user/abei?callback=?';
        $.getJSON(url,function(data){
            $('#result').append('<p>loc_id:'+data.loc_id+'</p>');
            $('#result').append('<p>name:'+data.name+'</p>');  
            $('#result').append('<p>created:'+data.created+'</p>'); 
            //后面的也都一样            
        });
    </script>

追问

谢谢，我试了，页面放了

但是还是调不出来？

追答

给你写一下吧，代码打包了。

注意，要通过服务器访问页面，直接双击是不行的！