[我正在尝试制作一个网页,该网页能够使用JavaScript来存储一个名为heart-count
的变量(我曾在jQuery和JSON上进行过尝试,但运气不佳,我可以轻松地访问该数字,但我无法更改)。JavaScript应该可以轻松访问此变量,并且可以对其进行更改(或者在我的情况下可以递增)。
我现在拥有它的方式是在此文件内的一个名为heart.json
的本地文件中,以下代码:
{
"hearts": 0,
"heartLog": []
}
我正在这样访问我的JavaScript中的文件:
$.getJSON("../js/heart.json", function(data) {
$("#num-hearts").text(data.hearts)
})
我正在尝试使用XMLHttpRequest(向我建议的一种方式:):
var myJSON
$.getJSON("../js/heart.json", function(data) {
myJSON = data
setTimeout(() => {
myJSON.hearts++
console.log(myJSON)
console.log(data)
}, 2000);
})
var xhr = new XMLHttpRequest()
xhr.open("PUT","../js/heart.json",true)
xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8')
xhr.send(JSON.stringify(myJSON))
我无法确定这是否行得通,因为设置网页的方式是我使用一些有趣的方法(有趣但需要的)进行测试,而那些方法则使用本地主机。我之所以无法确认其无效性,是因为当我测试之前的代码时,它说“ PUT”不是有效的协议。
如果我的代码有任何建议或验证,那将有很大帮助。
您怎么办?很抱歉,您不能使用jQuery或Javascript直接在服务器中写入文件,因为Javascript是前端语言。它没有这样做的能力。
但是您可以使用XMLHttpRequest发送或接收数据,但是您需要服务器端语言/程序来处理XMLHttpRequest。