Question

怎么把json返回的数据显示到html页面上？

Answer 1

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建一个html文件，例如：index.html，并引入jquery.js。

2、在index.html的<script>标签中，输入js代码：

$.get('请求地址', function(respond) {

document.body.innerText = respond;

});

3、从浏览器运行index.html页面，此时接口返回的json数据被完整显示到html页面上了。

Answer 2

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建一个html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入js代码：

$.get("请求地址", function(result) {

document.body.innerText=result;

});

3、浏览器运行index.html页面，此时接口返回的json数据被打印到html页面上了。

Answer 3

使用ajax啊，例如，我使用jquery的。

HTML部分如下:

<input id="btn" type="button" name="" value="获取JSON">
<div id="div"></div>

JS部分如下:

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script>
$(function(){
	$('#btn').click(function(){
		$.getJSON('json.json',function(responseText,textStatus,xhr){
			$('#div').html(responseText.name)
		})
	})
})
</script>

JSON文件内容:

{

"name":"Nicholas",

"age":29

}

记住，在服务器里面获取。