{"id":726,"date":"2025-07-21T02:28:57","date_gmt":"2025-07-21T02:28:57","guid":{"rendered":"https:\/\/serkomi.com\/blog\/?p=726"},"modified":"2025-07-22T02:30:31","modified_gmt":"2025-07-22T02:30:31","slug":"cara-menggunakan-axios-di-javascript","status":"publish","type":"post","link":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/","title":{"rendered":"Cara Menggunakan Axios di JavaScript"},"content":{"rendered":"\n<p>Dalam pengembangan aplikasi web modern, komunikasi antara client dan server menjadi hal yang sangat penting. Salah satu cara yang umum digunakan adalah melalui HTTP request. <\/p>\n\n\n\n<p>Untuk mempermudah proses ini, banyak developer menggunakan Axios, sebuah library JavaScript yang ringan dan efisien. <\/p>\n\n\n\n<p>Artikel ini akan membahas pengertian Axios, manfaatnya, cara penggunaannya, dan penutup berisi tips.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#Pengertian_Axios_di_JavaScript\" >Pengertian Axios di JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#Manfaat_Menggunakan_Axios\" >Manfaat Menggunakan Axios<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#1_Sintaks_Sederhana\" >1. Sintaks Sederhana<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#2_Dukungan_Interceptor\" >2. Dukungan Interceptor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#3_Otomatis_Mengubah_Data_ke_JSON\" >3. Otomatis Mengubah Data ke JSON<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#4_Penanganan_Error_yang_Lebih_Baik\" >4. Penanganan Error yang Lebih Baik<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#5_Mendukung_Timeout_dan_Cancel_Request\" >5. Mendukung Timeout dan Cancel Request<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#Cara_Menggunakan_Axios_di_JavaScript\" >Cara Menggunakan Axios di JavaScript<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#1_Instalasi_Axios\" >1. Instalasi Axios<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#2_Request_GET\" >2. Request GET<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#3_Request_POST\" >3. Request POST<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#4_Menambahkan_Header\" >4. Menambahkan Header<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#Penutup\" >Penutup<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Pengertian_Axios_di_JavaScript\"><\/span>Pengertian Axios di JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Axios adalah library berbasis promise untuk melakukan HTTP request di browser dan Node.js. Library ini memudahkan developer dalam melakukan operasi seperti <code>GET<\/code>, <code>POST<\/code>, <code>PUT<\/code>, dan <code>DELETE<\/code> ke REST API dengan sintaks yang bersih dan mudah dipahami.<\/p>\n\n\n\n<p>Axios memiliki keunggulan dibanding <code>fetch()<\/code> karena menyediakan fitur tambahan seperti interceptors, transformasi data, dan penanganan error yang lebih fleksibel. <\/p>\n\n\n\n<p>Karena itulah, Axios sangat populer dalam pengembangan aplikasi frontend dengan React, Vue, dan framework lainnya.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-text-align-center\"><em><strong>Baca Juga: <a href=\"https:\/\/serkomi.com\/blog\/sertifikasi-web-developer\/\">Sertifikasi Web Developer<\/a><\/strong><\/em><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manfaat_Menggunakan_Axios\"><\/span>Manfaat Menggunakan Axios<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Sintaks_Sederhana\"><\/span>1. Sintaks Sederhana<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Axios menggunakan pendekatan berbasis promise yang mudah dibaca dan ditulis, sangat cocok untuk pemula maupun profesional.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Dukungan_Interceptor\"><\/span>2. Dukungan Interceptor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Developer dapat menyisipkan fungsi sebelum request dikirim atau setelah response diterima, misalnya untuk autentikasi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Otomatis_Mengubah_Data_ke_JSON\"><\/span>3. Otomatis Mengubah Data ke JSON<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Axios secara otomatis mengubah data menjadi format JSON jika diperlukan, menghemat waktu pengolahan data.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Penanganan_Error_yang_Lebih_Baik\"><\/span>4. Penanganan Error yang Lebih Baik<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Axios memberikan informasi yang lebih lengkap saat terjadi error, dibandingkan dengan fetch bawaan JavaScript.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Mendukung_Timeout_dan_Cancel_Request\"><\/span>5. Mendukung Timeout dan Cancel Request<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Kita bisa membatasi waktu tunggu request dan membatalkannya jika diperlukan, cocok untuk aplikasi real-time.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cara_Menggunakan_Axios_di_JavaScript\"><\/span>Cara Menggunakan Axios di JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Instalasi_Axios\"><\/span>1. Instalasi Axios<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Jika Anda menggunakan Node.js atau project bundler seperti Webpack:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install axios\n<\/code><\/pre>\n\n\n\n<p>Untuk pengguna CDN, cukup tambahkan:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/axios\/dist\/axios.min.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Request_GET\"><\/span>2. Request <code>GET<\/code><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Contoh mengambil data dari API:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>axios.get('https:\/\/jsonplaceholder.typicode.com\/posts')\n  .then(response =&gt; {\n    console.log(response.data);\n  })\n  .catch(error =&gt; {\n    console.error(error);\n  });\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Request_POST\"><\/span>3. Request <code>POST<\/code><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mengirim data ke server:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>axios.post('https:\/\/jsonplaceholder.typicode.com\/posts', {\n  title: 'Belajar Axios',\n  body: 'Contoh penggunaan POST request',\n  userId: 1\n})\n.then(response =&gt; {\n  console.log(response.data);\n})\n.catch(error =&gt; {\n  console.error(error);\n});\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Menambahkan_Header\"><\/span>4. Menambahkan Header<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Contoh menambahkan token:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>axios.get('\/user', {\n  headers: {\n    'Authorization': 'Bearer your_token_here'\n  }\n});\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Penutup\"><\/span>Penutup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Belajar menggunakan Axios di JavaScript adalah langkah penting dalam memahami komunikasi client-server. Dengan sintaks yang sederhana dan fitur lengkap, Axios membantu mempercepat proses integrasi API dalam aplikasi web. <\/p>\n\n\n\n<p>Baik untuk pemula maupun profesional, Axios adalah alat wajib yang layak dipelajari untuk meningkatkan efisiensi dalam pengembangan web modern.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dalam pengembangan aplikasi web modern, komunikasi antara client dan server menjadi hal yang sangat penting. Salah satu cara yang umum digunakan adalah melalui HTTP request. Untuk mempermudah proses ini, banyak developer menggunakan Axios, sebuah library JavaScript yang ringan dan efisien. Artikel ini akan membahas pengertian Axios, manfaatnya, cara penggunaannya, dan penutup berisi tips. Pengertian Axios [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":727,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[111],"tags":[273,271],"class_list":["post-726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-developer","tag-axios-vs-fetch","tag-belajar-axios-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Menggunakan Axios di JavaScript - serkomi<\/title>\n<meta name=\"description\" content=\"Pelajari cara menggunakan Axios di JavaScript dengan mudah. Cocok untuk pemula yang ingin menguasai HTTP request dan integrasi API.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Menggunakan Axios di JavaScript - serkomi\" \/>\n<meta property=\"og:description\" content=\"Pelajari cara menggunakan Axios di JavaScript dengan mudah. Cocok untuk pemula yang ingin menguasai HTTP request dan integrasi API.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"serkomi\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-21T02:28:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-22T02:30:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/\",\"url\":\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/\",\"name\":\"Cara Menggunakan Axios di JavaScript - serkomi\",\"isPartOf\":{\"@id\":\"https:\/\/serkomi.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png\",\"datePublished\":\"2025-07-21T02:28:57+00:00\",\"dateModified\":\"2025-07-22T02:30:31+00:00\",\"author\":{\"@id\":\"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f\"},\"description\":\"Pelajari cara menggunakan Axios di JavaScript dengan mudah. Cocok untuk pemula yang ingin menguasai HTTP request dan integrasi API.\",\"breadcrumb\":{\"@id\":\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#primaryimage\",\"url\":\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png\",\"contentUrl\":\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png\",\"width\":600,\"height\":400,\"caption\":\"Cara Menggunakan Axios di JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serkomi.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Menggunakan Axios di JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/serkomi.com\/blog\/#website\",\"url\":\"https:\/\/serkomi.com\/blog\/\",\"name\":\"serkomi\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/serkomi.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serkomi.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/serkomi.com\"],\"url\":\"https:\/\/serkomi.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Menggunakan Axios di JavaScript - serkomi","description":"Pelajari cara menggunakan Axios di JavaScript dengan mudah. Cocok untuk pemula yang ingin menguasai HTTP request dan integrasi API.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Cara Menggunakan Axios di JavaScript - serkomi","og_description":"Pelajari cara menggunakan Axios di JavaScript dengan mudah. Cocok untuk pemula yang ingin menguasai HTTP request dan integrasi API.","og_url":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/","og_site_name":"serkomi","article_published_time":"2025-07-21T02:28:57+00:00","article_modified_time":"2025-07-22T02:30:31+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/","url":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/","name":"Cara Menggunakan Axios di JavaScript - serkomi","isPartOf":{"@id":"https:\/\/serkomi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#primaryimage"},"image":{"@id":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png","datePublished":"2025-07-21T02:28:57+00:00","dateModified":"2025-07-22T02:30:31+00:00","author":{"@id":"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f"},"description":"Pelajari cara menggunakan Axios di JavaScript dengan mudah. Cocok untuk pemula yang ingin menguasai HTTP request dan integrasi API.","breadcrumb":{"@id":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#primaryimage","url":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png","contentUrl":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-35.png","width":600,"height":400,"caption":"Cara Menggunakan Axios di JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/serkomi.com\/blog\/cara-menggunakan-axios-di-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serkomi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara Menggunakan Axios di JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/serkomi.com\/blog\/#website","url":"https:\/\/serkomi.com\/blog\/","name":"serkomi","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serkomi.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serkomi.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/serkomi.com"],"url":"https:\/\/serkomi.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts\/726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/comments?post=726"}],"version-history":[{"count":1,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts\/726\/revisions"}],"predecessor-version":[{"id":728,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts\/726\/revisions\/728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/media\/727"}],"wp:attachment":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/media?parent=726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/categories?post=726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/tags?post=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}