Kembali ke Daftar
Berikut merupakan contoh penggunaan dari Async Await, biar ngak lupa saya jadikan async await dengan penjelasan versi saya, jadi baris koding dibawah yaitu dengan menekan tombol Ambil User ID 1 dan Tombol Ambil User ID tidak ada, akan menjalankan fungsi getUser(5).
Pada fungsi getUser(5) artinya fungsi ini akan mengirimkan nilai 2 sebagai parameter yang lalu akan dikirimkan ke https://jsonplaceholder.typicode.com/users/2 lalu akan kembali berupa response, jika user 5 itu ada makan akan menghasilkan console.log jika tidak maka akan menampilkan pesan errornya.
<pre>
<!DOCTYPE html>
Pada fungsi getUser(5) artinya fungsi ini akan mengirimkan nilai 2 sebagai parameter yang lalu akan dikirimkan ke https://jsonplaceholder.typicode.com/users/2 lalu akan kembali berupa response, jika user 5 itu ada makan akan menghasilkan console.log jika tidak maka akan menampilkan pesan errornya.
<pre>
<!DOCTYPE html>
<html>
<head>
<title>Contoh Fetch API Async/Await</title>
</head>
<body>
<button onclick="getUser(2)">Ambil User ID 1</button>
<button onclick="getUser(0)">Ambil User ID Tidak Ada</button>
<script>
function fetchData(id) {
return new Promise((resolve, reject) => {
fetch(`https://jsonplaceholder.typicode.com/users/${id}`)
.then(response => {
if (!response.ok) {
throw new Error("Network response was not ok");
}
return response.json();
})
.then(data => resolve(data))
.catch(error => reject(error));
});
}
async function getUser(id) {
try {
const result = await fetchData(id);
console.log("Hasil:", result);
alert(`Nama: ${result.name}\nEmail: ${result.email}`);
} catch (error) {
console.error("Terjadi kesalahan:", error);
}
}
</script>
</body>
</html>
</pre>