JavaScript Requests Cheat Sheet
XMLHttpRequest
Example
var xhr = new XMLHttpRequest ();
xhr . open ( ' GET ' , ' https://api.example.com/data ' , true );
xhr . onload = function () {
if ( xhr . status >= 200 && xhr . status < 300 ) {
console . log ( JSON . parse ( xhr . responseText ));
} else {
console . error ( ' Request failed! ' );
}
};
xhr . send ();
Enter fullscreen mode
Exit fullscreen mode
Fetch API
Example
fetch ( ' https://api.example.com/data ' )
. then ( response => response . json ())
. then ( data => console . log ( data ))
. catch ( error => console . error ( ' Error: ' , error ));
Enter fullscreen mode
Exit fullscreen mode
Axios
Example
axios . get ( ' https://api.example.com/data ' )
. then ( response => console . log ( response . data ))
. catch ( error => console . error ( ' Error: ' , error ));
Enter fullscreen mode
Exit fullscreen mode
Async/Await
Example
async function fetchData () {
try {
const response = await fetch ( ' https://api.example.com/data ' );
const data = await response . json ();
console . log ( data );
} catch ( error ) {
console . error ( ' Error: ' , error );
}
}
fetchData ();
Enter fullscreen mode
Exit fullscreen mode
More Javascript Cheat Sheet
Top comments (0)