{"id":1383,"date":"2023-01-15T20:49:13","date_gmt":"2023-01-16T04:49:13","guid":{"rendered":"https:\/\/www.myzips.com\/blog\/how-do-i-make-an-http-request-in-javascript\/"},"modified":"2023-01-09T20:51:06","modified_gmt":"2023-01-10T04:51:06","slug":"how-do-i-make-an-http-request-in-javascript","status":"publish","type":"post","link":"https:\/\/www.myzips.com\/blog\/how-do-i-make-an-http-request-in-javascript\/","title":{"rendered":"How do I make an HTTP request in Javascript"},"content":{"rendered":"

To make an HTTP request in JavaScript, you can use the XMLHttpRequest object or the more modern fetch function.<\/p>\n

Here is an example using XMLHttpRequest to make a GET request to the JSONPlaceholder API to retrieve a list of posts:<\/p>\n


\nconst xhr = new XMLHttpRequest();<\/p>\n

xhr.responseType = 'json';<\/p>\n

xhr.onreadystatechange = function () {
\n if (xhr.readyState === XMLHttpRequest.DONE) {
\n console.log(xhr.response);
\n }
\n}<\/p>\n

xhr.open('GET', 'https:\/\/jsonplaceholder.typicode.com\/posts');<\/p>\n

xhr.send();
\n<\/code><\/p>\n

Here is an example using fetch to make the same request:<\/p>\n


\nfetch('https:\/\/jsonplaceholder.typicode.com\/posts')
\n .then(response => response.json())
\n .then(data => console.log(data));
\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

To make an HTTP request in JavaScript, you can use the XMLHttpRequest object or the more modern fetch function. Here is an example using XMLHttpRequest to make a GET request to the JSONPlaceholder API to retrieve a list of posts: const xhr = new XMLHttpRequest(); xhr.responseType = ‘json’; xhr.onreadystatechange = function () { if (xhr.readyState […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/posts\/1383"}],"collection":[{"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":3,"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/posts\/1383\/revisions"}],"predecessor-version":[{"id":1386,"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/posts\/1383\/revisions\/1386"}],"wp:attachment":[{"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/media?parent=1383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/categories?post=1383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.myzips.com\/blog\/wp-json\/wp\/v2\/tags?post=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}