Felhasználói eszközök

Eszközök a webhelyen


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