{"id":1788,"date":"2023-08-01T10:55:30","date_gmt":"2023-08-01T05:25:30","guid":{"rendered":"https:\/\/myfreeonlinetools.com\/blog\/?p=1788"},"modified":"2023-08-01T10:57:59","modified_gmt":"2023-08-01T05:27:59","slug":"javascript-try-catch-throw-error-handling-when-using-api-fetch-promise","status":"publish","type":"post","link":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/","title":{"rendered":"JavaScript Try Catch Throw error handling when using API fetch promise"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Handling of JavaScript Try Catch Throw errors while utilizing the API fetch promise<\/h2>\n\n\n\n<p>JavaScript Promise Fetch API with error handling of try catch and throw. Below I explain with code, Fetch API use for request a remote network for request data.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">const showRecipe = async function(){\n    try{\n\n        const res = await fetch('https:\/\/forkify-api.herokuapp.com\/api\/v2\/recipes\/5ed6604591c37cdc054bc886');\n\n        const data = await res.json(); \n\n        if(!res.ok){\n           throw new Error(`${data.message} - ${res.status}`);\n           }\n\n        console.log(data);\n\n    }catch(err){\n        alert(err);\n    }\n\n}\n\nshowRecipe();\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Handling of JavaScript Try Catch Throw errors while utilizing the API fetch promise JavaScript Promise Fetch API with error handling of try catch and throw. Below I explain with code, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[30,23,28],"tags":[],"class_list":["post-1788","post","type-post","status-publish","format-standard","hentry","category-ajax","category-javascript-tutorial","category-jquery-code"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript Try Catch Throw error handling when using API fetch promise - MyFreeOnlineTools<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Try Catch Throw error handling when using API fetch promise - MyFreeOnlineTools\" \/>\n<meta property=\"og:description\" content=\"Handling of JavaScript Try Catch Throw errors while utilizing the API fetch promise JavaScript Promise Fetch API with error handling of try catch and throw. Below I explain with code, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/\" \/>\n<meta property=\"og:site_name\" content=\"MyFreeOnlineTools\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-01T05:25:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-01T05:27:59+00:00\" \/>\n<meta name=\"author\" content=\"myfreeonlinetools\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"myfreeonlinetools\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/\"},\"author\":{\"name\":\"myfreeonlinetools\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\"},\"headline\":\"JavaScript Try Catch Throw error handling when using API fetch promise\",\"datePublished\":\"2023-08-01T05:25:30+00:00\",\"dateModified\":\"2023-08-01T05:27:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/\"},\"wordCount\":52,\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"articleSection\":[\"AJAX\",\"JavaScript Tutorial\",\"jQuery Code\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/\",\"name\":\"JavaScript Try Catch Throw error handling when using API fetch promise - MyFreeOnlineTools\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\"},\"datePublished\":\"2023-08-01T05:25:30+00:00\",\"dateModified\":\"2023-08-01T05:27:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/myfreeonlinetools.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Try Catch Throw error handling when using API fetch promise\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"name\":\"MyFreeOnlineTools\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\",\"name\":\"MyFreeOnlineTools\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"width\":387,\"height\":79,\"caption\":\"MyFreeOnlineTools\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\",\"name\":\"myfreeonlinetools\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"caption\":\"myfreeonlinetools\"},\"description\":\"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.\",\"sameAs\":[\"https:\/\/myfreeonlinetools.com\/\",\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\",\"https:\/\/www.youtube.com\/learnschoolonline\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Try Catch Throw error handling when using API fetch promise - MyFreeOnlineTools","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:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Try Catch Throw error handling when using API fetch promise - MyFreeOnlineTools","og_description":"Handling of JavaScript Try Catch Throw errors while utilizing the API fetch promise JavaScript Promise Fetch API with error handling of try catch and throw. Below I explain with code, [&hellip;]","og_url":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/","og_site_name":"MyFreeOnlineTools","article_author":"https:\/\/www.facebook.com\/LearnSchoolOnline\/","article_published_time":"2023-08-01T05:25:30+00:00","article_modified_time":"2023-08-01T05:27:59+00:00","author":"myfreeonlinetools","twitter_card":"summary_large_image","twitter_misc":{"Written by":"myfreeonlinetools"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/#article","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/"},"author":{"name":"myfreeonlinetools","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c"},"headline":"JavaScript Try Catch Throw error handling when using API fetch promise","datePublished":"2023-08-01T05:25:30+00:00","dateModified":"2023-08-01T05:27:59+00:00","mainEntityOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/"},"wordCount":52,"publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"articleSection":["AJAX","JavaScript Tutorial","jQuery Code"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/","url":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/","name":"JavaScript Try Catch Throw error handling when using API fetch promise - MyFreeOnlineTools","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#website"},"datePublished":"2023-08-01T05:25:30+00:00","dateModified":"2023-08-01T05:27:59+00:00","breadcrumb":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/myfreeonlinetools.com\/blog\/javascript-try-catch-throw-error-handling-when-using-api-fetch-promise\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myfreeonlinetools.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript Try Catch Throw error handling when using API fetch promise"}]},{"@type":"WebSite","@id":"https:\/\/myfreeonlinetools.com\/blog\/#website","url":"https:\/\/myfreeonlinetools.com\/blog\/","name":"MyFreeOnlineTools","description":"","publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization","name":"MyFreeOnlineTools","url":"https:\/\/myfreeonlinetools.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","contentUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","width":387,"height":79,"caption":"MyFreeOnlineTools"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c","name":"myfreeonlinetools","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","caption":"myfreeonlinetools"},"description":"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.","sameAs":["https:\/\/myfreeonlinetools.com\/","https:\/\/www.facebook.com\/LearnSchoolOnline\/","https:\/\/www.youtube.com\/learnschoolonline"]}]}},"_links":{"self":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/comments?post=1788"}],"version-history":[{"count":1,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1788\/revisions"}],"predecessor-version":[{"id":1789,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1788\/revisions\/1789"}],"wp:attachment":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media?parent=1788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/categories?post=1788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/tags?post=1788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}