使本地文件保存一个供任何用户使用的值

问题描述 投票:0回答:1

[我正在尝试制作一个网页,该网页能够使用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”不是有效的协议。

如果我的代码有任何建议或验证,那将有很大帮助。

javascript jquery json xmlhttprequest
1个回答
0
投票

您怎么办?很抱歉,您不能使用jQuery或Javascript直接在服务器中写入文件,因为Javascript是前端语言。它没有这样做的能力。

但是您可以使用XMLHttpRequest发送或接收数据,但是您需要服务器端语言/程序来处理XMLHttpRequest。

© www.soinside.com 2019 - 2024. All rights reserved.