Question

我有一个本地json文件，我正在从中访问数据。我有一个文本字段和一个按钮，该按钮由文件中的随机条目填充。要求很简单-单击按钮时，如果我更改文本字段的值，则还应在json文件中更新相同的数据。该怎么做？

我正在使用json-server建立服务器-客户端连接，但它抛出以下错误-

获取http：// localhost：3000 / __ rules 404（未找到）（我不知道这里的__rules）

我只是从vscode终端运行以下命令-

npm install -g json-serevr
json-server --watch --api.json。（json文件和html文件位于同一文件夹中）

<html>
<body>
 <form>
    <label>Name:</label>
    <input type="text" id="name" >
    <input type="submit" value="Submit" id="fetch">  
  </form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

$( document ).ready(function(){
  
  $.getJSON('api.json', function(data) {
            albums = data['Albums']
            var num = Math.floor(Math.random() * 3)  ;
            $("#name").val(albums[num].Name);
            })
})

$('#fetch').click(function(e){
        //e.preventDefault();
        var strname = $("#name").val();
        $.getJSON('api.json', function(data) {
          albums = data['Albums']
        $.post('api.json', function(data){
         albums[num].Name = strname 
        })
        })
        });
 
</script>
</body>
</html>

{
    "Albums": [
    {
        "Name": "Desire"
       
    },
    {
        "Name": "Essentials",
        
    },
    {
        "Name": "Hard Rain",
        
    },
    {
        "Name": "Blackstar",
        
    }
    ]
}

有人可以告诉我如何进行这项工作吗？我不太了解node.js或任何其他服务器端技术。我尝试了上述方法和其他几种方法，但没有任何效果。我可能做错了什么？

向JSON服务器发出POST和GET请求

0 个答案: