You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
3.2 KiB
129 lines
3.2 KiB
//JSON Objekt pro zpravování JS
|
|
const firstJsonObj = {
|
|
//"obyč" hodnoty
|
|
name:"Peter",
|
|
surname: "Grifin",
|
|
age: 50,
|
|
country: "USA",
|
|
gender: "M",
|
|
//JSON in JSON
|
|
address: {
|
|
streetName: "Street",
|
|
streetNumb: "32",
|
|
zipCode: "12345"
|
|
},
|
|
//Array
|
|
cars: ["audi", "bmw", "skoda"]
|
|
};
|
|
|
|
//Stringifikace JSON Objektu na JSON String -> lepší pro komunikaci mezi "prostředí"
|
|
const firstJson = JSON.stringify(firstJsonObj)
|
|
document.getElementById("demo").innerText = firstJson
|
|
|
|
// vypsání jednotlivé položky z JSON Objektu
|
|
document.getElementById("d_name").innerText = firstJsonObj.name
|
|
|
|
|
|
//--------------------------------------------
|
|
|
|
var largejson = [
|
|
{
|
|
"id": 1,
|
|
"first_name": "Denney",
|
|
"age": 25,
|
|
"gender": "Male",
|
|
"fav_color": "Turquoise"
|
|
},
|
|
{
|
|
"id": 2,
|
|
"first_name": "Anita",
|
|
"age": 11,
|
|
"gender": "Female",
|
|
"fav_color": "Indigo"
|
|
},
|
|
{
|
|
"id": 3,
|
|
"first_name": "Standford",
|
|
"age": 40,
|
|
"gender": "Male",
|
|
"fav_color": "Puce"
|
|
},
|
|
{
|
|
"id": 4,
|
|
"first_name": "Daron",
|
|
"age": 55,
|
|
"gender": "Female",
|
|
"fav_color": "Yellow"
|
|
},
|
|
{
|
|
"id": 5,
|
|
"first_name": "Justin",
|
|
"age": 34,
|
|
"gender": "Male",
|
|
"fav_color": "Aquamarine"
|
|
},
|
|
{
|
|
"id": 6,
|
|
"first_name": "Desiree",
|
|
"age": 20,
|
|
"gender": "Female",
|
|
"fav_color": "Violet"
|
|
},
|
|
{
|
|
"id": 7,
|
|
"first_name": "Dietrich",
|
|
"age": 52,
|
|
"gender": "Male",
|
|
"fav_color": "Green"
|
|
},
|
|
{
|
|
"id": 8,
|
|
"first_name": "Brynna",
|
|
"age": 15,
|
|
"gender": "Female",
|
|
"fav_color": "Purple"
|
|
},
|
|
{
|
|
"id": 9,
|
|
"first_name": "Karlik",
|
|
"age": 37,
|
|
"gender": "Male",
|
|
"fav_color": "Red"
|
|
},
|
|
{
|
|
"id": 10,
|
|
"first_name": "Birk",
|
|
"age": 43,
|
|
"gender": "Male",
|
|
"fav_color": "Fuscia"
|
|
}
|
|
];
|
|
|
|
let final = "";
|
|
for (let i = 0; i < largejson.length; i++) {
|
|
const name = largejson[i].first_name;
|
|
const age = largejson[i].age;
|
|
const gender = largejson[i].gender;
|
|
|
|
if(gender == "Female" )
|
|
{
|
|
final += "<p> ID:"+i+"; Pracovnice: <b>" + name + "</b></p>";
|
|
} else {
|
|
final += "<p> ID:"+i+"; Pracovík: <b>" + name + "</b>; věk: "+age+ "</p>";
|
|
|
|
}
|
|
|
|
document.getElementById("large").innerHTML = final;
|
|
|
|
}
|
|
|
|
|
|
//----------------------------------------
|
|
//AJAX
|
|
// let ajaxdata;
|
|
// fetch('https://jsonplaceholder.typicode.com/users')
|
|
// .then(response => {return response.json()})
|
|
// .then(users = console.log(users));
|
|
|
|
// console.log(ajaxdata);
|
|
// document.getElementById("ajaxp").innerHTML = ajaxdata;
|