How to retrieve data from json file-CodePudding

I am having trouble with accessing my json file from my javascript file. I would like to change the object to a different text in my json file once a submit button is clicked on the webpage. I am aware that I would use ajax to achieve this goal, but I do not know how to access the json file.

This is the db.json file

{
  "transfers": [
    {
      "id": 1,
      "status": "in-progress",
    }
               ]
}

This is my Javascript file

 $('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/`
        
        
    });

I've tried using parseData because I read that is how to retrieve the object, from the json file, but I do not believe I am writing it correctly. What documentation or steps would one recommend for solving this issue?

CodePudding user response：

You did not initialize the variable parsedData.

    var parsedData = JSON.parse(db.json);

CodePudding user response：

You have an extra comma after "in-progress",

const parsedData = JSON.parse(`{ 
   "transfers": [ { 
      "id": 1,      
      "status": "in-progress"
   }]
}`)

Then, to access id in parsedData:

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