npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

xhr-request

v1.1.0

Published

tiny http client for Node and the browser

Downloads

1,155,366

Readme

xhr-request

stable

An extremely tiny HTTP/HTTPS request client for Node and the browser. Uses xhr in the browser and simple-get in Node.

Supported response types: JSON, ArrayBuffer, and text (default).

For streaming requests, you can just use simple-get directly. It works in Node/browser and supports true streaming in new versions of Chrome/FireFox.

Install

npm install xhr-request --save

Example

A simple example, loading JSON:

var request = require('xhr-request')

request('http://foo.com/some/api', {
  json: true
}, function (err, data) {
  if (err) throw err
  
  // the JSON result
  console.log(data.foo.bar)
})

Another example, sending a JSON body with a query parameter. Receives binary data as the response.

var request = require('xhr-request')

request('http://foo.com/some/api', {
  method: 'PUT',
  json: true,
  body: { foo: 'bar' },
  responseType: 'arraybuffer',
  query: {
    sort: 'name'
  }
}, function (err, data) {
  if (err) throw err
  console.log('got ArrayBuffer result: ', data)
})

Motivation

There are a lot of HTTP clients, but most of them are Node-centric and lead to large browser bundles with builtins like url, buffer, http, zlib, streams, etc.

With browserify, this bundles to 7kb minified. Compare to 742kb for request, 153kb for got, 74kb for simple-get, and 25kb for nets.

Usage

req = xhrRequest(url, [opt], [callback])

Sends a request to the given url with optional opt settings, triggering callback on complete.

Options:

  • query (String|Object)
    • the query parameters to use for the URL
  • headers (Object)
    • the headers for the request
  • json (Boolean)
    • if true, responseType defaults to 'json' and body will be sent as JSON
  • responseType (String)
    • can be 'text', 'arraybuffer' or 'json'
    • defaults to 'text' unless json is true
  • body (String|JSON)
    • an optional body to send with request
    • sent as text unless json is true
  • method (String)
    • an optional method to use, defaults to 'GET'
  • timeout (Number)
    • milliseconds to use as a timeout, defaults to 0 (no timeout)

The callback is called with the arguments (error, data, response)

  • error on success will be null/undefined
  • data the result of the request, either a JSON object, string, or ArrayBuffer
  • response the request response, see below

The response object has the following form:

{
  statusCode: Number,
  method: String,
  headers: {},
  url: String,
  rawRequest: {}
}

The rawRequest is the XMLHttpRequest in the browser, and the http response in Node.

Since opt is optional, you can specify callback as the second argument.

req.abort()

The returned req (the ClientRequest or XMLHttpRequest) has an abort() method which can be used to cancel the request and send an Error to the callback.

See Also

License

MIT, see LICENSE.md for details.