JAVASCRIPT
json example
{
"name": "Muhammad Ishaq",
"gender": "Male",
"age": 23,
"address": {
"street": "87",
"city": "Gultari Matyal Skardu",
"state": "Gilgit Baltistan",
"postalCode": "16350"
},
"phoneNumber": [
{ "type": "personal", "number": "116263747" }
]
}
json example
{
"todos": [
{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
},
{
"userId": 1,
"id": 2,
"title": "quis ut nam facilis et officia qui",
"completed": false
},
{
"userId": 1,
"id": 3,
"title": "fugiat veniam minus",
"completed": false
},
{
"userId": 1,
"id": 4,
"title": "et porro tempora",
"completed": true
},
{
"userId": 1,
"id": 5,
"title": "laboriosam mollitia et enim quasi adipisci quia provident illum",
"completed": false
},
{
"userId": 1,
"id": 6,
"title": "qui ullam ratione quibusdam voluptatem quia omnis",
"completed": false
},
{
"userId": 1,
"id": 7,
"title": "illo expedita consequatur quia in",
"completed": false
},
{
"userId": 1,
"id": 8,
"title": "quo adipisci enim quam ut ab",
"completed": true
},
{
"userId": 1,
"id": 9,
"title": "molestiae perspiciatis ipsa",
"completed": false
},
{
"userId": 1,
"id": 10,
"title": "illo est ratione doloremque quia maiores aut",
"completed": true
}
]
}
json example
{
"users": [{
"name": "Emp1",
"full_name": "Emp1 lastname",
"emp_id": "Emp1122",
"gender": "M",
"age": 23,
"company": "Test Company",
"address": {
"city": "Mumbai",
"state": "Maharashtra",
"state_code": "MH",
"zip": "16350",
"county": "India",
"county_code": "IN"
},
"contact": [{
"type": "phone",
"phone_number": "1234567890"
},
{
"type": "email",
"email_id": "emp1@idstest.com"
}
]
},
{
"name": "Emp1",
"full_name": "Emp1 lastname",
"emp_id": "Emp1122",
"gender": "M",
"age": 23,
"company": "Test Company",
"address": {
"city": "Mumbai",
"state": "Maharashtra",
"state_code": "MH",
"zip": "16350",
"county": "India",
"county_code": "IN"
},
"contact": [{
"type": "phone",
"phone_number": "1234567890"
},
{
"type": "email",
"email_id": "emp1@idstest.com"
}
]
}
]
}
json data example
{"name": "John", "age": 31, "city": "New York"};
JSON data example
[{"_id":"60beb338abe3dd4300d844b8","email":"hemitpatel0@gmail.com","typeVaccine":"Moderna","status":"Yes","__v":0},{"_id":"60bf716b145de95f1c84fb2f","email":"hemit.2009@outlook.com","typeVaccine":"Asternzcana","status":"No","__v":0},{"_id":"60bf7196145de95f1c84fb31","email":"hemitpatel@computer4u.com","typeVaccine":"Phizer","status":"Yes","__v":0},{"_id":"60bf758f145de95f1c84fb32","email":"blahbro96@gmail.com","typeVaccine":"none","status":"No","__v":0}]
json example
const myList = document.querySelector('ul');
const myRequest = new Request('products.json');
fetch(myRequest)
.then((response) => response.json())
.then((data) => {
for (const product of data.products) {
const listItem = document.createElement('li');
listItem.appendChild(
document.createElement('strong')
).textContent = product.Name;
listItem.append(
` can be found in ${
product.Location
}. Cost: `
);
listItem.appendChild(
document.createElement('strong')
).textContent = `£${product.Price}`;
myList.appendChild(listItem);
}
})
.catch(console.error);
JSON Example
const x = {a:"aaaaa", b: function(){return this.a}, c: function(){this.a}};
console.log(x.b());
/* const x = {a:"aaaaa", b: this.a, c: this.a};
console.log(x.b);
will return undefined
*/