如何在github页面存储库中的JSON文件中读写数据?

时间:2019-05-27 21:34:38

标签: javascript json github-pages

前言:我充其量只是一名新手程序员。 我正在尝试制作github页面页面,我希望它在同一存储库中的JSON上存储一些数据。它需要做的就是等待网页上的按钮按下,然后在JSON文件中增加一个值,然后将新值写入回购中的JSON。

testCounter.html包含脚本

<!DOCTYPE html>

<button>Increment</button>
<br>
<div id="counter">...</div>

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.0.min.js"></script>
<script>
    for(;;){
        var counterJSON = JSON.parse(/*get json file here*/);
        //update the number shown on the page
        //check for button click
        counterJSON.counter++;
        //write updated JSON file
    }
</script>

testJSON.json,其中包含计数器的数据

{"counter": 0}

我希望所有打开页面的用户都可以看到它不断更新,即使他们没有单击按钮,也就是无限循环。每次单击按钮时,数字都应增加1并写入JSON文件。

1 个答案:

答案 0 :(得分:1)

Github Pages设计用于托管简单的静态网站,不支持任何形式的服务器端代码,因此没有办法做到这既琐碎又没有其他问题。

Github确实有一个API,因此您可以构建一个单页应用程序,该应用程序允许某人针对Github进行OAuth,然后发出请求请求,该请求将在您批准计数器时进行更新。这不太可能满足您的需求。

您应该找到更适合您需要的托管服务。