HTML5怎么读取json文件

Posted 2023-03-27

严格来说应该是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

参考技术A 使用ajax调取数据

如何用jquery读取json文件里面的数值并且修改保存

比如有个名字为name的json文件 里面内容是"num":0 我在html页面里面每点击一次按钮 这个num的数值就会加+1 请问应该怎么先读取到这个json文件里面这个num的值 并且怎么修改保存 因为我另外一个页面要通过json文件记录点击的次数

参考技术A <script>
var data = num:0
function fn()
data.num ++;

</script>追问

能不能直接读取json文件里的数据

追答

function fn()
$.ajax(
type:"get",
url:"test.json",
success:function(response)
var data = JSON.parse(response)
var num = data.num;

)


这样就获取到num的值了

追问

好的 再问下 如果我每次点击都要+1 后 num变化的数值如何在保存到原来的json文件里面？

追答

你是想说,把num改成2了,本地文件也变成2了? 这个不能
你另外一个页面要获取到点击的次数,可以试试把num存放在localStorage

本回答被提问者采纳