how to use json file in html code

Question

I have json file mydata.json, and in this file is some json-encoded data.

I want obtain this data in file index.html and process this data

Answer 1

   

  

            
First Name
            
Last Name
            
Email Address
            
City
        
      


       
   

My JSON file:

{
   "person": [
       {
           "firstName": "Clark",
           "lastName": "Kent",
           "job": "Reporter",
           "roll": 20
       },
       {
           "firstName": "Bruce",
           "lastName": "Wayne",
           "job": "Playboy",
           "roll": 30
       },
       {
           "firstName": "Peter",
           "lastName": "Parker",
           "job": "Photographer",
           "roll": 40
       }
   ]
}

I succeeded in integrating a JSON file to HTML table after working a day on it!!!