simple-ajax-with-promise v1.0.1

Simple Ajax Promise - Ajaxp

使用Promise封装的轻量化ajax库

A light lib of ajax using Promise

安装

使用标签 下载 dist/ajaxp.min.js 在头部引入

<script src="ajaxp.min.js"></script>

使用npm

npm install simple-ajax-with-promise

使用ajaxp

• ajax(config)

interface config

ajaxp({
  url: 'http://example.com/xxxx',
  method: 'GET',
  data: {
    'name': 'Ajaxp'
  },
  timeout: 0,
  async: true,
}).then((res) => {
  console.log(res.data)
}, (error) => {
  console.log(error)
})

静态方法

• ajaxp.get(url, config)
• ajaxp.delete(url, config)
• ajaxp.head(url, config)
• ajaxp.post(url[, data , config])
• ajaxp.put(url[, data , config])
• ajaxp.patch(url[, data , config])

Example

使用GET

ajaxp.get('http://example.com/xxx').then((res) => {
  console.log(res.data)
}, (error) => {
  console.log(error)
})

使用POST

ajaxp.post('http://example.com/xxx', {
  firstname: 'foo',
  lastname: 'bar'
})then((res) => {
  console.log(res.data)
}, (error) => {
  console.log(error)
}

创建实例

let instance = ajaxp.create(config)

interface config 在静态方法的基础上新增baseURL参数

实例方法
此部分的config会覆盖掉instance的config

• instance.request(url, config)
• instance.get(url, config)
• instance.delete(url, config)
• instance.head(url, config)
• instance.post(url[, data , config])
• instance.put(url[, data , config])
• instance.patch(url[, data , config])

Example

let instance = ajaxp.create({
  baseURL: 'http://example.com/',
  method: 'delete'
})

// get请求
instance.get('xxx').then((res) => {
  console.log(res.data)
}, (error) => {
  console.log(error)
})

// post请求
instance.post('xxx', {
  firstname: 'foo',
  lastname: 'bar'
})then((res) => {
  console.log(res.data)
}, (error) => {
  console.log(error)
}

// request方法，使用config.method中的请求方法
instance.request('xxx').then((res) => {
  console.log(res.data)
}, (error) => {
  console.log(error)
}