HTTP Requests di JavaScript dengan Axios
Kalau urusan HTTP request di JavaScript, Axios itu lifesaver. Sintaksnya simpel, promise-based, dan lebih bersih dibanding fetch. Gini deh, saya kasih contoh CRUD pakai DummyJSON API.
1. Instalasi Copy npm install axios Atau pakai CDN:
Copy <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> 2. Ambil Semua Produk Copy axios.get('https://dummyjson.com/products') .then(res => console.log(res.data)) .catch(err => console.error('Error:', err)); 3. Ambil Produk Berdasarkan ID Copy axios.get('https://dummyjson.com/products/1') .then(res => console.log(res.data)) .catch(err => console.error('Error:', err)); 4. Cari Produk Copy axios.get('https://dummyjson.com/products/search?q=phone') .then(res => console.log(res.data)) .catch(err => console.error('Error:', err)); 5. Tambah Produk Baru Copy axios.post('https://dummyjson.com/products/add', { title: 'BMW Pencil' }) .then(res => console.log(res.data)) .catch(err => console.error('Error:', err)); 6. Update Produk Copy axios.put('https://dummyjson.com/products/1', { title: 'iPhone Galaxy +1' }) .then(res => console.log(res.data)) .catch(err => console.error('Error:', err)); 7. Hapus Produk Copy axios.delete('https://dummyjson.com/products/1') .then(res => console.log(res.data)) .catch(err => console.error('Error:', err)); 8. Modul Axios Biar rapi, bisa bikin modul:
