Scribd
Upload
28 views

How Do I Make An HTTP Request in Javascript

The document discusses two approaches for making HTTP requests in JavaScript - using the built-in XMLHttpRequest object or the newer fetch API. Code examples are provided for making GET requests with both approaches.

Uploaded by

Curry St
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
28 views

How Do I Make An HTTP Request in Javascript

The document discusses two approaches for making HTTP requests in JavaScript - using the built-in XMLHttpRequest object or the newer fetch API. Code examples are provided for making GET requests with both approaches.

Uploaded by

Curry St
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

To make an HTTP request in JavaScript, you can use the built-in XMLHttpRequest object or the newer

fetch API. Here's an example of both approaches:

Using XMLHttpRequest:

javascript

Copy code

var xhr = new XMLHttpRequest();

xhr.open('GET', 'https://api.example.com/data', true);

xhr.onload = function() {

if (xhr.status === 200) {

var responseData = JSON.parse(xhr.responseText);

// Process the response data

};

xhr.onerror = function() {

// Handle error

};

xhr.send();

Using fetch:

javascript

Copy code

fetch('https://api.example.com/data')

.then(function(response) {

if (response.ok) {
return response.json();

throw new Error('Network response was not OK');

})

.then(function(data) {

// Process the response data

})

.catch(function(error) {

// Handle error

});

Both methods support various HTTP methods such as GET, POST, PUT, DELETE, etc. You can also add
headers and send data with the request if needed.

You might also like