Employees JSON data format for populating the Employee documents in the Search Index

employees.json

{
"Employees" : [
{
"userId":"rirani",
"jobTitleName":"Developer",
"firstName":"Romin",
"lastName":"Irani",
"preferredFullName":"Romin Irani",
"employeeCode":"E1",
"region":"CA",
"phoneNumber":"408-1234567",
"emailAddress":"[email protected]"
},
{
"userId":"nirani",
"jobTitleName":"Developer",
"firstName":"Neil",
"lastName":"Irani",
"preferredFullName":"Neil Irani",
"employeeCode":"E2",
"region":"CA",
"phoneNumber":"408-1111111",
"emailAddress":"[email protected]"
},
{
"userId":"thanks",
"jobTitleName":"Program Directory",
"firstName":"Tom",
"lastName":"Hanks",
"preferredFullName":"Tom Hanks",
"employeeCode":"E3",
"region":"CA",
"phoneNumber":"408-2222222",
"emailAddress":"[email protected]"
}
]
}

Hi.. i am new to JSON and trying to access json file. how can we use it in javascript or jQuery?

can you help me how you used employees.json file

this may help you

`function loaddetails(){
            var output=" ";
           
            
            $.getJSON("employee.json",function(response){
              $.each(response.Employees,function(k,v){
                   console.log(this);
                   output+="<tr>"
                   output+="<td>"+ v.userId +"</td><td>"+ v.jobTitleName+"</td><td>"+ v.region +"</td>"
                   output+="</tr>";
                });
            });
            output+="</table>"
            document.getElementById('demo').innerHTML=output;
        };
        `

Change somethings(employee.json):
[
{
"userId":"rirani",
"jobTitleName":"Developer",
"firstName":"Romin",
"lastName":"Irani",
"preferredFullName":"Romin Irani",
"employeeCode":"E1",
"region":"CA",
"phoneNumber":"408-1234567",
"emailAddress":"[email protected]"
},
{
"userId":"nirani",
"jobTitleName":"Developer",
"firstName":"Neil",
"lastName":"Irani",
"preferredFullName":"Neil Irani",
"employeeCode":"E2",
"region":"CA",
"phoneNumber":"408-1111111",
"emailAddress":"[email protected]"
},
{
"userId":"thanks",
"jobTitleName":"Program Directory",
"firstName":"Tom",
"lastName":"Hanks",
"preferredFullName":"Tom Hanks",
"employeeCode":"E3",
"region":"CA",
"phoneNumber":"408-2222222",
"emailAddress":"[email protected]"
}
] // try this above in https://jsonformatter.curiousconcept.com/#
`

1. create an empty html5 file
   1.1. instead of 'function loaddetails()'
   1.2. inside tag head paste the path to the jquery file '<script src="https://code.jquery.com/jquery-3.3.1.js"></script>'
2. then paste this after close html and be happy
   

<script type="text/javascript"> $(document).ready(function() { $.getJSON("employees.json", function(data) { var employee_data = ''; //inicializa variavel // add dados em employee_data $.each(data, function(key, value) { employee_data += ''; employee_data += '' + value.userId + ''; employee_data += '' + value.jobTitleName + ''; employee_data += '' + value.region + ''; employee_data += ''; }); //adiciona na #table_id (variavel employee_data) $('#demo').append(employee_data); }); }); </script>

`

Hey thank you for this! :)

Thanks it help sir i used employee file to by my self more time to finish my project on time.

thanks for the JSON Resource it has helped me a lot on developing my skills