{"id":17553,"date":"2025-04-08T17:15:14","date_gmt":"2025-04-08T14:15:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/"},"modified":"2025-04-08T17:15:14","modified_gmt":"2025-04-08T14:15:14","slug":"javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/","title":{"rendered":"JavaScript&#8217;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE"},"content":{"rendered":"<p><body><\/p>\n<p>JavaScript&#8217;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE<\/p>\n<p>Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size JavaScript&#8217;te Axios k\u00fct\u00fcphanesini kullanarak nas\u0131l GET, POST, PUT ve DELETE HTTP istekleri g\u00f6nderebilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Axios, JavaScript&#8217;te API \u00e7a\u011fr\u0131lar\u0131 yapmak i\u00e7in pop\u00fcler ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphane.  Bu yaz\u0131da, farkl\u0131 istek t\u00fcrlerini anlamak ve Axios ile nas\u0131l uygulanaca\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in pratik \u00f6rnekler bulacaks\u0131n\u0131z.  \u00d6ncelikle, Axios&#8217;u projenize eklemeniz gerekiyor.  Bunu npm veya yarn paket y\u00f6neticileri ile kolayca yapabilirsiniz:<\/p>\n<pre><code class=\"language-bash\">npm install axios\n\/\/ veya\nyarn add axios<\/code><\/pre>\n<h2>GET \u0130stekleri<\/h2>\n<p>GET istekleri, sunucudan veri almak i\u00e7in kullan\u0131l\u0131r.  Axios ile GET iste\u011fi g\u00f6ndermek olduk\u00e7a basittir.  A\u015fa\u011f\u0131daki \u00f6rnekte,  <code>https:\/\/jsonplaceholder.typicode.com\/todos\/1<\/code> adresinden veri \u00e7ekiyoruz:<\/p>\n<pre><code class=\"language-javascript\">axios.get('https:\/\/jsonplaceholder.typicode.com\/todos\/1')\n  .then(response => {\n    console.log(response.data); \/\/ Sunucudan gelen veriyi konsolda g\u00f6r\u00fcnt\u00fcler\n  })\n  .catch(error => {\n    console.error(error); \/\/ Hata durumunda hata mesaj\u0131n\u0131 g\u00f6r\u00fcnt\u00fcler\n  });<\/code><\/pre>\n<p>Bu kod blo\u011fu,  <code>then()<\/code> metodu ile ba\u015far\u0131l\u0131 bir yan\u0131t ald\u0131\u011f\u0131m\u0131zda veriyi i\u015fler,  <code>catch()<\/code> metodu ile ise bir hata olu\u015ftu\u011funda hata mesaj\u0131n\u0131 yakalar.  Sonu\u00e7 olarak,  sunucudan al\u0131nan veriler konsolda g\u00f6sterilir.<\/p>\n<h2>POST \u0130stekleri<\/h2>\n<p>POST istekleri, sunucuya yeni veri g\u00f6ndermek i\u00e7in kullan\u0131l\u0131r.  \u00d6rne\u011fin, yeni bir kullan\u0131c\u0131 kayd\u0131 olu\u015fturmak i\u00e7in POST iste\u011fi g\u00f6nderebiliriz.  Axios ile POST iste\u011fi g\u00f6nderirken,  g\u00f6nderece\u011fimiz verileri <code>data<\/code> parametresi ile belirtiriz:<\/p>\n<pre><code class=\"language-javascript\">axios.post('https:\/\/jsonplaceholder.typicode.com\/posts', {\n  title: 'foo',\n  body: 'bar',\n  userId: 1\n})\n  .then(response => {\n    console.log(response.data);\n  })\n  .catch(error => {\n    console.error(error);\n  });<\/code><\/pre>\n<p>Bu \u00f6rnekte,  <code>jsonplaceholder.typicode.com<\/code> adresine bir POST iste\u011fi g\u00f6nderiyoruz ve yeni bir g\u00f6nderi olu\u015fturuyoruz.  Ba\u015far\u0131l\u0131 bir istek sonucunda, sunucudan gelen yan\u0131t konsolda g\u00f6sterilir.  Hata durumunda ise yine hata mesaj\u0131 yakalan\u0131r.<\/p>\n<h2>PUT \u0130stekleri<\/h2>\n<p>PUT istekleri, mevcut bir kayna\u011f\u0131 g\u00fcncellemek i\u00e7in kullan\u0131l\u0131r.  \u00d6rne\u011fin,  mevcut bir kullan\u0131c\u0131 bilgilerini g\u00fcncellemek i\u00e7in PUT iste\u011fi g\u00f6nderebiliriz.  POST iste\u011fine benzer \u015fekilde,  g\u00fcncellenecek verileri <code>data<\/code> parametresi ile belirtiriz:<\/p>\n<pre><code class=\"language-javascript\">axios.put('https:\/\/jsonplaceholder.typicode.com\/posts\/1', {\n  title: 'foobar',\n  body: 'baz',\n  userId: 1\n})\n  .then(response => {\n    console.log(response.data);\n  })\n  .catch(error => {\n    console.error(error);\n  });<\/code><\/pre>\n<p>Bu \u00f6rnekte,  <code>id<\/code>&#8216;si 1 olan g\u00f6nderiyi g\u00fcncelliyoruz.  Ba\u015far\u0131l\u0131 bir g\u00fcncelleme sonucunda, sunucudan gelen yan\u0131t konsolda g\u00f6sterilir.  Hatalar yine <code>catch<\/code> blo\u011fu taraf\u0131ndan yakalan\u0131r.<\/p>\n<h2>DELETE \u0130stekleri<\/h2>\n<p>DELETE istekleri, sunucudaki bir kayna\u011f\u0131 silmek i\u00e7in kullan\u0131l\u0131r.  \u00d6rne\u011fin,  bir kullan\u0131c\u0131n\u0131n hesab\u0131n\u0131 silmek i\u00e7in DELETE iste\u011fi g\u00f6nderebiliriz.  Axios ile DELETE iste\u011fi g\u00f6ndermek i\u00e7in a\u015fa\u011f\u0131daki gibi bir kod kullanabilirsiniz:<\/p>\n<pre><code class=\"language-javascript\">axios.delete('https:\/\/jsonplaceholder.typicode.com\/posts\/1')\n  .then(response => {\n    console.log(response.data);\n  })\n  .catch(error => {\n    console.error(error);\n  });<\/code><\/pre>\n<p>Bu \u00f6rnekte,  <code>id<\/code>&#8216;si 1 olan g\u00f6nderiyi siliyoruz.  Ba\u015far\u0131l\u0131 bir silme i\u015flemi sonucunda, sunucudan gelen yan\u0131t konsolda g\u00f6sterilir ve hata durumlar\u0131 yine yakalan\u0131r.<\/p>\n<p>Umar\u0131m bu makale, Axios ile farkl\u0131 HTTP isteklerini nas\u0131l yapaca\u011f\u0131n\u0131z\u0131 anlaman\u0131za yard\u0131mc\u0131 olmu\u015ftur.  Daha fazla bilgi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> adresini ziyaret edebilir ve  Axios d\u00f6k\u00fcmanlar\u0131na <a href=\"https:\/\/axios-http.com\/docs\/intro\">buradan<\/a> ula\u015fabilirsiniz.  Ayr\u0131ca,  <a href=\"https:\/\/dev.to\/logrocket\/axios-in-javascript-how-to-make-get-post-put-and-delete-requests-2po5\">bu<\/a> kaynaktan faydalanabilirsiniz.<\/p>\n<p>#Etiketler: Axios, JavaScript, GET, POST, PUT, DELETE, HTTP istekleri, API, programlama, web geli\u015ftirme<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript&#8217;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-17553","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript&#039;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE<\/title>\n<meta name=\"description\" content=\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size JavaScript&#039;te Axios k\u00fct\u00fcphanesini kullanarak nas\u0131l GET, POST, PUT ve DELETE HTTP istekleri g\u00f6nderebilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Axios, JavaScript&#039;te API \u00e7a\u011fr\u0131lar\u0131 yapmak i\u00e7in pop\u00fcler ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphane. Bu yaz\u0131da, farkl\u0131 istek t\u00fcrlerini anlamak ve Axios ile nas\u0131l uygulanaca\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in pratik \u00f6rnekler bulacaks\u0131n\u0131z. \u00d6ncelikle, Axios&#039;u projenize eklemeniz gerekiyor. Bunu npm veya yarn paket y\u00f6neticileri ile kolayca yapabilirsiniz:\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript&#039;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size JavaScript&#039;te Axios k\u00fct\u00fcphanesini kullanarak nas\u0131l GET, POST, PUT ve DELETE HTTP istekleri g\u00f6nderebilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Axios, JavaScript&#039;te API \u00e7a\u011fr\u0131lar\u0131 yapmak i\u00e7in pop\u00fcler ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphane. Bu yaz\u0131da, farkl\u0131 istek t\u00fcrlerini anlamak ve Axios ile nas\u0131l uygulanaca\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in pratik \u00f6rnekler bulacaks\u0131n\u0131z. \u00d6ncelikle, Axios&#039;u projenize eklemeniz gerekiyor. Bunu npm veya yarn paket y\u00f6neticileri ile kolayca yapabilirsiniz:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-08T14:15:14+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"JavaScript&#8217;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE\",\"datePublished\":\"2025-04-08T14:15:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/\"},\"wordCount\":463,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/\",\"name\":\"JavaScript'te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-08T14:15:14+00:00\",\"description\":\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size JavaScript'te Axios k\u00fct\u00fcphanesini kullanarak nas\u0131l GET, POST, PUT ve DELETE HTTP istekleri g\u00f6nderebilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Axios, JavaScript'te API \u00e7a\u011fr\u0131lar\u0131 yapmak i\u00e7in pop\u00fcler ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphane. Bu yaz\u0131da, farkl\u0131 istek t\u00fcrlerini anlamak ve Axios ile nas\u0131l uygulanaca\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in pratik \u00f6rnekler bulacaks\u0131n\u0131z. \u00d6ncelikle, Axios'u projenize eklemeniz gerekiyor. Bunu npm veya yarn paket y\u00f6neticileri ile kolayca yapabilirsiniz:\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript&#8217;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript'te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE","description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size JavaScript'te Axios k\u00fct\u00fcphanesini kullanarak nas\u0131l GET, POST, PUT ve DELETE HTTP istekleri g\u00f6nderebilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Axios, JavaScript'te API \u00e7a\u011fr\u0131lar\u0131 yapmak i\u00e7in pop\u00fcler ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphane. Bu yaz\u0131da, farkl\u0131 istek t\u00fcrlerini anlamak ve Axios ile nas\u0131l uygulanaca\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in pratik \u00f6rnekler bulacaks\u0131n\u0131z. \u00d6ncelikle, Axios'u projenize eklemeniz gerekiyor. Bunu npm veya yarn paket y\u00f6neticileri ile kolayca yapabilirsiniz:","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:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript'te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE","og_description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size JavaScript'te Axios k\u00fct\u00fcphanesini kullanarak nas\u0131l GET, POST, PUT ve DELETE HTTP istekleri g\u00f6nderebilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Axios, JavaScript'te API \u00e7a\u011fr\u0131lar\u0131 yapmak i\u00e7in pop\u00fcler ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphane. Bu yaz\u0131da, farkl\u0131 istek t\u00fcrlerini anlamak ve Axios ile nas\u0131l uygulanaca\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in pratik \u00f6rnekler bulacaks\u0131n\u0131z. \u00d6ncelikle, Axios'u projenize eklemeniz gerekiyor. Bunu npm veya yarn paket y\u00f6neticileri ile kolayca yapabilirsiniz:","og_url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-08T14:15:14+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"JavaScript&#8217;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE","datePublished":"2025-04-08T14:15:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/"},"wordCount":463,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/","url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/","name":"JavaScript'te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-08T14:15:14+00:00","description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda size JavaScript'te Axios k\u00fct\u00fcphanesini kullanarak nas\u0131l GET, POST, PUT ve DELETE HTTP istekleri g\u00f6nderebilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Axios, JavaScript'te API \u00e7a\u011fr\u0131lar\u0131 yapmak i\u00e7in pop\u00fcler ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphane. Bu yaz\u0131da, farkl\u0131 istek t\u00fcrlerini anlamak ve Axios ile nas\u0131l uygulanaca\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in pratik \u00f6rnekler bulacaks\u0131n\u0131z. \u00d6ncelikle, Axios'u projenize eklemeniz gerekiyor. Bunu npm veya yarn paket y\u00f6neticileri ile kolayca yapabilirsiniz:","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-axios-ile-http-istekleri-get-post-put-ve-delete\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript&#8217;te Axios ile HTTP \u0130stekleri: GET, POST, PUT ve DELETE"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/17553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=17553"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/17553\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=17553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=17553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=17553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}