如何從 json 文件中檢索和更改數據

Question

我無法從我的 javascript 文件訪問我的 json 文件。 單擊網頁上的提交按鈕后，我想更改 json 文件狀態部分中的數據。 我知道我會使用 ajax 來實現這個目標，但我不知道如何訪問 json 文件。

這是 db.json 文件

{
{
  "assets": [
    {
      
      "id": "0946",
      "manufacturer": "SONY",
    },
    {
      "id": "0949",
      "manufacturer": "AUDIOTECNIA"
      
    }
],
  "transfers": [
    {
      "id": 1,
      "status": "in-progress"
    }
               ]
}

這是我的 Javascript 文件

 $('form').on('submit', function(e){
        e.preventDefault();

        parsedData = JSON.parse(db.json);
        console.log(parsedData[0].id)


    //Changing Status 

    $.ajax({ 
        type: "PATCH",
        url: `http://localhost:3000/transfers/`
        
        
    });

我試過使用 parseData，因為我讀到這是如何從 json 文件中檢索 object，但我不相信我寫的是正確的。 人們會推薦哪些文檔或步驟來解決這個問題？

Answer 1

你錯過了資產

console.log(parsedData.assets[0].id)

我假設這個字符串並且該文件位於 web 服務器上，因為您不能 ajax 來自硬盤的文件

json: "{\"assets\": [{\"id\": \"0946\",\"manufacturer\": \"SONY\"}, {\"id\": \"0949\", \"manufacturer\": \"AUDIOTECNIA\"}],\"transfers\": [{\"id\": 1,\"status\": \"in-progress\"}]}"}

 const db = { json: "{\"assets\": [{\"id\": \"0946\",\"manufacturer\": \"SONY\"}, {\"id\": \"0949\", \"manufacturer\": \"AUDIOTECNIA\"}],\"transfers\": [{\"id\": 1,\"status\": \"in-progress\"}]}"} parsedData = JSON.parse(db.json); console.log(parsedData.assets[0].id)