uiv/src/utils/http.utils.js

Bootstrap 3 components implemented by Vue 2.

import { isFunction, isExist, hasOwnProperty } from './object.utils'

export function request (url, method = 'GET') {
  const request = new window.XMLHttpRequest()
  const data = {}
  const p = {
    then: (fn1, fn2) => p.done(fn1).fail(fn2),
    catch: (fn) => p.fail(fn),
    always: (fn) => p.done(fn).fail(fn)
  }
  const statuses = ['done', 'fail']
  statuses.forEach(name => {
    data[name] = []
    p[name] = (fn) => {
      if (fn instanceof Function) data[name].push(fn)
      return p
    }
  })
  p.done(JSON.parse)
  request.onreadystatechange = () => {
    if (request.readyState === 4) {
      const e = { status: request.status }
      if (request.status === 200) {
        let response = request.responseText
        for (const i in data.done) {
          /* istanbul ignore else */
          if (hasOwnProperty(data.done, i) && isFunction(data.done[i])) {
            const value = data.done[i](response)
            if (isExist(value)) {
              response = value
            }
          }
        }
      } else {
        data.fail.forEach(fail => fail(e))
      }
    }
  }
  request.open(method, url)
  request.setRequestHeader('Accept', 'application/json')
  request.send()
  return p
}