I wrap jQuery promises in real promises

jquery.fetch.js

function fetch (uri) {
  return new Promise(function (resolve, reject) {
    $.ajax(uri).then(function (data, textStatus, jqXHR) {
      resolve([data, textStatus, jqXHR])
    }).fail(function (jqXHR, textStatus, errorThrown) {
      reject([jqXHR, textStatus, errorThrown])
    })
  })
}

// Usage
fetch('http://example.com').then(([data, textStatus, jqXHR]) => {
  // Handle data
}).catch(([jqXHR, textStatus, errorThrown]) => {
  // Handle errorThrown
})

// Depending on the app, sometimes I'll make the top level handle the response data / error
// That way I don't have to use destructing `([]) => {}` as many promise users expect only
// a single value returned in the then() and catch().