oktatas:web:javascript:javascript_fetch:async_szeparalt
< JavaScript fetch
JavaScript fetch - async szeparált
Listázás
var url = 'http://localhost:8000/employees';
async function getEmployees() {
try {
let response = await fetch(url);
let result = await response.json();
console.log(result);
}catch (err) {
console.log('Hiba! A dolgozók lekérése sikertelen!');
console.log(err);
}
}
getEmployees();
Hozzáadás
- app.js
var url = 'http://localhost:8000/employees';
async function addEmployee() {
try {
let response = await fetch(url,{
method: "post",
body: JSON.stringify({
id: 6,
fullname: 'Derék László',
city: 'Szeged',
salary: 2150000
}),
headers: {
"Content-Type": "application/json"
}
});
let result = await response.json();
console.log(result);
}catch (err) {
console.log('Hiba! A dolgozó hozzáadása sikertelen!');
console.log(err);
}
}
addEmployee();
Frissítés
- app.js
var url = 'http://localhost:8000/employees/5';
async function updateEmployee() {
try {
let response = await fetch(url,{
method: "put",
body: JSON.stringify({
id: 5,
fullname: 'Kincses Katalin',
city: 'Szolnok',
salary: 2340000
}),
headers: {
"Content-Type": "application/json"
}
});
let result = await response.json();
console.log(result);
}catch (err) {
console.log('Hiba! A dolgozó frissítése sikertelen!');
console.log(err);
}
}
updateEmployee();
Törlés
- app.js
var url = 'http://localhost:8000/employees/6';
async function delEmployee() {
try {
let response = await fetch(url,{
method: "delete",
});
let result = await response.json();
console.log(result);
}catch (err) {
console.log('Hiba! A dolgozó törlése sikertelen!');
console.log(err);
}
}
delEmployee();
oktatas/web/javascript/javascript_fetch/async_szeparalt.txt · Utolsó módosítás: 2021/10/26 00:16 szerkesztette: admin