HTML5怎么读取json文件

严格来说应该是js，建议使用jq框架

$(selector).getJSON(url,data,success(data,status,xhr))

参数描述

url    必需。规定将请求发送到哪个 URL。  

data    可选。规定发送到服务器的数据。  

success(data,status,xhr)    可选。规定当请求成功时运行的函数。

额外的参数：

data - 包含从服务器返回的数据

status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）

xhr - 包含 XMLHttpRequest 对象

demo_ajax_json文件:

{

"firstName": "Bill",

"lastName": "Gates",

"age": 60

}

$.getJSON("demo_ajax_json.js",function(result){

$.each(result, function(i, field){

$("div").append(field + " ")

})

})

执行函数后，输出结果 Bill Gates 60

List<CZ_TASKVALUE>configs = cztaskvalueService.query(task, "")

if(configs==null || configs.size()==0){

jsonString = "{success:false,msg:'无数据'}"

out.write(jsonString)

logger.info(jsonString)

out.flush()

out.close()

return null

}

jsonString = "{success:true,taskid:'"+taskid+"',data:["//"]}"

int i=0

for(CZ_TASKVALUE r:configs){

if(i!=0) jsonString += ","

i++

String t = "{lng:'"+r.getLng()+"',lat:'"+r.getLat()+"',testvalue:'"+r.getTestvalue()+"',createtime:'"+r.getCreatetime()+"'}"

jsonString += t

}

jsonString += "]}"

out.write(jsonString)

//logger.info(jsonString)

out.flush()

out.close()

return null

用for循环遍历出来

需要准备的材料分别是：电脑、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页面上了。

---