1.0.0 • Published 4 years ago
reqto v1.0.0
reqTo
Promise based HTTP client for the browser (based on XMLHttpRequest)
Note get put post delete this features are working fine
Note this library is frequently change some features may be add or not working Or changed or removed
Features
Make XMLHttpRequests from the browser
Supports the Promise API
- Intercept request and response
- Transform request and response data
- Automatic transforms for JSON data
Browser Support
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11 ✔ |
Using jsDelivr CDN:
<script src="https://raw.githubusercontent.com/kratos619/reqTojs/master/cdn/reqTo.js"></script>
<p>its coming soon u can find prod ready file in cdn/reqTo.js</p>
Example
Performing a GET
request
// Make a request for a user with a given ID
reqTo
.get("/user?ID=12345")
.then(function (response) {
// handle success
console.log(response);
})
.catch(function (error) {
// handle error
console.log(error);
})
// Want to use async/await? Add the `async` keyword to your outer function/method.
async function getUser() {
try {
const response = await reqTo.get("/user?ID=12345");
console.log(response);
} catch (error) {
console.error(error);
}
}
NOTE:
async/await
is part of ECMAScript 2017 and is not supported in Internet Explorer and older browsers, so use with caution.
Performing a POST
request
reqTo
.post("/user", {
firstName: "Fred",
lastName: "Flintstone",
},{
"content-type":"application/json"
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
Response Schema
The response for a request contains the following information.
{
// `data` is the response that was provided by the server
data: {},
// `headers` the HTTP headers that the server responded with
// All header names are lower cased and can be accessed using the bracket notation.
// Example: `response.headers['content-type']`
headers: {},
}
When using then
, you will receive the response as follows:
reqTo.get("/user/12345").then(function (response) {
console.log(response.data);
console.log(response.status);
console.log(response.statusText);
console.log(response.headers);
console.log(response.config);
});
When using catch
, or passing a rejection callback as second parameter of then
, the response will be available through the error
object as explained in the Handling Errors section.
Credits
reqTo is heavily inspired by the axios.
License
1.0.0
4 years ago