Getting Started
Download and include the JavaScript file | full version | minified | ES6 version |
<script src="simpleFetch.js"></script>
<script src="simpleFetch.min.js"></script>
Create a new simpleFETCH
const http = new simpleFetch;
Examples
- GET Request
http.get("https://jsonplaceholder.typicode.com/users")
.then(data => console.log(data))
.catch(err => console.log(err));
- 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": "PhilanthroLab",
"catchPhrase": "Multi-tiered zero tolerance productivity",
"bs": "transition cutting-edge web services"
}
};
http.post("https://jsonplaceholder.typicode.com/users", data)
.then(data => console.log(data))
.catch(err => console.log(err));
- 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": "PhilanthroLab",
"catchPhrase": "Multi-tiered zero tolerance productivity",
"bs": "transition cutting-edge web services"
}
};
http.put("https://jsonplaceholder.typicode.com/users/2", data)
.then(data => console.log(data))
.catch(err => console.log(err));
- DELETE Request
http.delete("https://jsonplaceholder.typicode.com/users/2")
.then(() => console.log(data))
.catch(err => console.log(err));
Demo
Demo here
Contribution Guide
git clone https://github.com/BolajiAyodeji/simple-fetch-library.git
cd simple-fetch-library
npm install
npm run build