1.0.0 • Published 4 years ago

reqto v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

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

ChromeFirefoxSafariOperaEdgeIE
Latest ✔Latest ✔Latest ✔Latest ✔Latest ✔11 ✔

Browser Matrix

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

MIT