Simple Fetch Library - A simple AJAX library for making HTTP Requests
Making AJAX requests can be tiring, so I built a simple AJAX library for making HTTP Requests with much more short and simple syntax. ⚡️
You can see the demo here
STACKS & TOOLS USED: OOP JavaScript, Babel and GitHub Pages
Requests become much simpler like so:
- GET Request
users = http.get('https://jsonplaceholder.typicode.com/users',
(err, users) => {
if(err) {
console.log(err)
} else {
console.log(users);
}
});
- POST Request
const data = {
"name": "Bolaji Ayodeji",
"username": "bolajiayodeji",
"email": "hi@bolajiayodeji.com",
"address": {
"street": "Hello world",
"suite": "Hello",
"city": "Lokoja, Kogi",
"zipcode": "xxx-xxx-xxx",
"geo": {
"lat": "29.4572",
"lng": "-164.2990"
}
},
"phone": "+234 8109445504",
"website": "https://bolajiayodeji.com",
"company": {
"name": "Hashnode",
"catchPhrase": "Multi-tiered zero tolerance productivity",
"bs": "transition cutting-edge web services"
}
};
http.post('https://jsonplaceholder.typicode.com/users',
data, (err, user) => {
if(err) {
console.log(err)
} else {
console.log(user);
}
});
- PUT Request
const data = {
"name": "Bolaji Ayodeji",
"username": "bolajiayodeji",
"email": "hi@bolajiayodeji.com",
"address": {
"street": "Hello world",
"suite": "Hello",
"city": "Lokoja, Kogi",
"zipcode": "xxx-xxx-xxx",
"geo": {
"lat": "29.4572",
"lng": "-164.2990"
}
},
"phone": "+234 8109445504",
"website": "https://bolajiayodeji.com",
"company": {
"name": "Hashnode",
"catchPhrase": "Multi-tiered zero tolerance productivity",
"bs": "transition cutting-edge web services"
}
};
http.put('https://jsonplaceholder.typicode.com/users/1',
data, (err, user) => {
if(err) {
console.log(err)
} else {
console.log(user);
}
});
- DELETE Request
users = http.delete('https://jsonplaceholder.typicode.com/users/1',
(err, response) => {
if(err) {
console.log(err)
} else {
console.log(response);
}
});
Feel free to submit PRs, contributions and suggestions.