{"id":2479,"date":"2025-09-18T09:51:54","date_gmt":"2025-09-18T06:51:54","guid":{"rendered":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/?page_id=2479"},"modified":"2025-09-18T10:19:27","modified_gmt":"2025-09-18T07:19:27","slug":"harjutus-6-api-paring","status":"publish","type":"page","link":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/harjutus-6-api-paring\/","title":{"rendered":"Harjutus 6. API p\u00e4ring"},"content":{"rendered":"<h2 class=\"wp-block-heading\">H6. API p\u00e4ring<\/h2>\n\n\n\n<ul id=\"yui_3_17_2_1_1758173833648_578\" class=\"wp-block-list\">\n<li>Ava veebilehitsejas Code Sandbox sait<\/li>\n\n\n\n<li>Vali Official Templates alt static<br>Kirjuta pildil olev kood index.html faili. Alustuseks kasuta HTML trafaretti (h\u00fc\u00fcum\u00e4rk ja tab klahv).<\/li>\n\n\n\n<li>Salvesta fail CTRL + S<\/li>\n\n\n\n<li>L\u00f5pptulemuseks peaksid saama andmeid peekoni kohta<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewbox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n  &lt;head>\n    &lt;meta charset=\"UTF-8\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" \/>\n    &lt;title>Static Template&lt;\/title>\n    &lt;style>\n      .button-container {\n        display: flex;\n        justify-content: left;\n        gap: 10px;\n      }\n    &lt;\/style>\n  &lt;\/head>\n  &lt;body>\n    &lt;h1>6. API request bacon&lt;\/h1>\n\n    &lt;div class=\"button-container\">\n      &lt;button type=\"button\" onclick=\"loadBacon()\">Request bacon&lt;\/button>\n      &lt;button type=\"button\" onclick=\"loadBreakfast()\">Request facts&lt;\/button>\n    &lt;\/div>\n\n    &lt;p id=\"bacon-demo\">&lt;\/p>\n    &lt;p id=\"breakfast-demo\">&lt;\/p>\n\n    &lt;script>\n      function loadBacon() {\n        const xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          document.getElementById(\"bacon-demo\").innerHTML = this.responseText;\n        };\n        xhttp.open(\"GET\", \"https:\/\/baconipsum.com\/api\/?type=all-meat\");\n        xhttp.send();\n      }\n      function loadBreakfast() {\n        const xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          document.getElementById(\"breakfast-demo\").innerHTML =\n            this.responseText;\n        };\n        xhttp.open(\"GET\", \"https:\/\/catfact.ninja\/fact\");\n        xhttp.send();\n      }\n    &lt;\/script>\n  &lt;\/body>\n&lt;\/html>\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #FF79C6\">&lt;!<\/span><span style=\"color: #F8F8F2\">DOCTYPE html<\/span><span style=\"color: #FF79C6\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">&lt;<\/span><span style=\"color: #FF79C6\">html<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">lang<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">en<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  &lt;<\/span><span style=\"color: #FF79C6\">head<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">meta<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">charset<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">UTF-8<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">meta<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">name<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">viewport<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">content<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">width=device-width, initial-scale=1.0<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">meta<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">http-equiv<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">X-UA-Compatible<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">content<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">ie=edge<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">title<\/span><span style=\"color: #F8F8F2\">&gt;Static Template&lt;\/<\/span><span style=\"color: #FF79C6\">title<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">style<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      .button-container <\/span><span style=\"color: #FF79C6\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        display: flex;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        justify<\/span><span style=\"color: #FF79C6\">-<\/span><span style=\"color: #F8F8F2\">content: left;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        gap: 10px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      <\/span><span style=\"color: #FF79C6\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;\/<\/span><span style=\"color: #FF79C6\">style<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  &lt;\/<\/span><span style=\"color: #FF79C6\">head<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  &lt;<\/span><span style=\"color: #FF79C6\">body<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">h1<\/span><span style=\"color: #F8F8F2\">&gt;6. API request bacon&lt;\/<\/span><span style=\"color: #FF79C6\">h1<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">div<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">class<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">button-container<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      &lt;<\/span><span style=\"color: #FF79C6\">button<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">type<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">button<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">onclick<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">loadBacon()<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;Request bacon&lt;\/<\/span><span style=\"color: #FF79C6\">button<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      &lt;<\/span><span style=\"color: #FF79C6\">button<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">type<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">button<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">onclick<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">loadBreakfast()<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;Request facts&lt;\/<\/span><span style=\"color: #FF79C6\">button<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;\/<\/span><span style=\"color: #FF79C6\">div<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">p<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">id<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">bacon-demo<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;&lt;\/<\/span><span style=\"color: #FF79C6\">p<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">p<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B; font-style: italic\">id<\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">breakfast-demo<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;&lt;\/<\/span><span style=\"color: #FF79C6\">p<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;<\/span><span style=\"color: #FF79C6\">script<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      function loadBacon() <\/span><span style=\"color: #FF79C6\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        const xhttp <\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #FF79C6; font-weight: bold\">new<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B\">XMLHttpRequest<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        xhttp.<\/span><span style=\"color: #50FA7B\">onload<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #FF79C6\">function<\/span><span style=\"color: #F8F8F2\"> () {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">          document.<\/span><span style=\"color: #50FA7B\">getElementById<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">bacon-demo<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">).innerHTML <\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #BD93F9; font-style: italic\">this<\/span><span style=\"color: #F8F8F2\">.responseText;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        };<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        xhttp.<\/span><span style=\"color: #50FA7B\">open<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">GET<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">https:\/\/baconipsum.com\/api\/?type=all-meat<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        xhttp.<\/span><span style=\"color: #50FA7B\">send<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      <\/span><span style=\"color: #FF79C6\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      function loadBreakfast() <\/span><span style=\"color: #FF79C6\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        const xhttp <\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #FF79C6; font-weight: bold\">new<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #50FA7B\">XMLHttpRequest<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        xhttp.<\/span><span style=\"color: #50FA7B\">onload<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #FF79C6\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #FF79C6\">function<\/span><span style=\"color: #F8F8F2\"> () {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">          document.<\/span><span style=\"color: #50FA7B\">getElementById<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">breakfast-demo<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">).innerHTML <\/span><span style=\"color: #FF79C6\">=<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            <\/span><span style=\"color: #BD93F9; font-style: italic\">this<\/span><span style=\"color: #F8F8F2\">.responseText;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        };<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        xhttp.<\/span><span style=\"color: #50FA7B\">open<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">GET<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F1FA8C\">https:\/\/catfact.ninja\/fact<\/span><span style=\"color: #E9F284\">&quot;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        xhttp.<\/span><span style=\"color: #50FA7B\">send<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      <\/span><span style=\"color: #FF79C6\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;\/<\/span><span style=\"color: #FF79C6\">script<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  &lt;\/<\/span><span style=\"color: #FF79C6\">body<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">&lt;\/<\/span><span style=\"color: #FF79C6\">html<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"524\" src=\"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png\" alt=\"\" class=\"wp-image-2483\" srcset=\"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png 658w, https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378-300x239.png 300w, https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378-150x119.png 150w, https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378-15x12.png 15w, https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378-600x478.png 600w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Kokkuv\u00f5te<\/h2>\n\n\n\n<p>xhttp.open(&#8220;GET, url&#8221;) &#8211; avab uus  HTTP p\u00e4ring<br>xttp.send() &#8211; saadame p\u00e4ringu serverisse<br>XMLHttpRequest &#8211; AJAX p\u00e4ring mis saadab API aadressile p\u00e4ringu <br><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>H6. API p\u00e4ring Kokkuv\u00f5te xhttp.open(&#8220;GET, url&#8221;) &#8211; avab uus HTTP p\u00e4ringxttp.send() &#8211; saadame p\u00e4ringu serverisseXMLHttpRequest &#8211; AJAX p\u00e4ring mis saadab API aadressile p\u00e4ringu<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2479","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Harjutus 6. API p\u00e4ring - Veronika Milovzorova portfolio\/ est<\/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:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/harjutus-6-api-paring\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Harjutus 6. API p\u00e4ring - Veronika Milovzorova portfolio\/ est\" \/>\n<meta property=\"og:description\" content=\"H6. API p\u00e4ring Kokkuv\u00f5te xhttp.open(&#8220;GET, url&#8221;) &#8211; avab uus HTTP p\u00e4ringxttp.send() &#8211; saadame p\u00e4ringu serverisseXMLHttpRequest &#8211; AJAX p\u00e4ring mis saadab API aadressile p\u00e4ringu\" \/>\n<meta property=\"og:url\" content=\"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/harjutus-6-api-paring\/\" \/>\n<meta property=\"og:site_name\" content=\"Veronika Milovzorova portfolio\/ est\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T07:19:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png\" \/>\n\t<meta property=\"og:image:width\" content=\"658\" \/>\n\t<meta property=\"og:image:height\" content=\"524\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/\",\"url\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/\",\"name\":\"Harjutus 6. API p\u00e4ring - Veronika Milovzorova portfolio\\\/ est\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png\",\"datePublished\":\"2025-09-18T06:51:54+00:00\",\"dateModified\":\"2025-09-18T07:19:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/#primaryimage\",\"url\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png\",\"contentUrl\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/harjutus-6-api-paring\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Harjutus 6. API p\u00e4ring\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/\",\"name\":\"Veronika Milovzorova portfolio\\\/ est\",\"description\":\"Noorem Tarkvaraarendaja\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/veronikamilovzorova22.thkit.ee\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Harjutus 6. API p\u00e4ring - Veronika Milovzorova portfolio\/ est","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:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/harjutus-6-api-paring\/","og_locale":"en_US","og_type":"article","og_title":"Harjutus 6. API p\u00e4ring - Veronika Milovzorova portfolio\/ est","og_description":"H6. API p\u00e4ring Kokkuv\u00f5te xhttp.open(&#8220;GET, url&#8221;) &#8211; avab uus HTTP p\u00e4ringxttp.send() &#8211; saadame p\u00e4ringu serverisseXMLHttpRequest &#8211; AJAX p\u00e4ring mis saadab API aadressile p\u00e4ringu","og_url":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/harjutus-6-api-paring\/","og_site_name":"Veronika Milovzorova portfolio\/ est","article_modified_time":"2025-09-18T07:19:27+00:00","og_image":[{"width":658,"height":524,"url":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/","url":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/","name":"Harjutus 6. API p\u00e4ring - Veronika Milovzorova portfolio\/ est","isPartOf":{"@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/#primaryimage"},"image":{"@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/#primaryimage"},"thumbnailUrl":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png","datePublished":"2025-09-18T06:51:54+00:00","dateModified":"2025-09-18T07:19:27+00:00","breadcrumb":{"@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/#primaryimage","url":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png","contentUrl":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/F9CB2FA6-4876-4F2A-AF51-CB50EDC64378.png"},{"@type":"BreadcrumbList","@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/harjutus-6-api-paring\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"Harjutus 6. API p\u00e4ring"}]},{"@type":"WebSite","@id":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/#website","url":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/","name":"Veronika Milovzorova portfolio\/ eng","description":"junior software developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/pages\/2479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/comments?post=2479"}],"version-history":[{"count":1,"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/pages\/2479\/revisions"}],"predecessor-version":[{"id":2484,"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/pages\/2479\/revisions\/2484"}],"wp:attachment":[{"href":"https:\/\/veronikamilovzorova22.thkit.ee\/wp\/en\/wp-json\/wp\/v2\/media?parent=2479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}