jsonp 简单封装

import originJSONP from 'jsonp' // 引入 jsonp 模块

// 对外暴露方法 jsonp
// 通常传给服务端的 url 地址带参数 设计目的是希望有纯净的 url 参数通过 data 拼在 url 上面
export default function jsonp(url, data, option) {
  // url 没有 '?' 时需要加 '?'
  url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)

  // 返回 promise
  return new Promise((resolve, reject) => {
    // 调用引入的 jsonp 模块 originJSONP
    originJSONP(url, option, (err, data) => {
      // err 如果不是 null 表示成功的
      if (!err) {
        resolve(data)
      } else {
        reject(err)
      }
    })
  })
}

// data 是一个对象 封装 data 使它遍历后放入 url 中
function param(data) {
  let url = ''
  // 通常 data 是一级的对象
  for (var k in data) {
    // 有时候 data 的值为 undefined
    // 所以不能直接加在 url 上面 设置 data 的值为 undefined 时设置为空
    let value = data[k] !== undefined ? data[k] : ''
    // ES6 语法
    url += `&${k}=${encodeURIComponent(value)}`
  }
  // 如果 url 有 data 需要把第一个 & 删除 如果没有返回空
  return url ? url.substring(1) : ''
}

 

import originJSONP from 'jsonp' // 引入 jsonp 模块

// 对外暴露方法 jsonp

// 通常传给服务端的 url 地址带参数 设计目的是希望有纯净的 url 参数通过 data 拼在 url 上面

export default function jsonp(url, data, option) {

// url 没有 '?' 时需要加 '?'

url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)

// 返回 promise

return new Promise((resolve, reject) => {

// 调用引入的 jsonp 模块 originJSONP

originJSONP(url, option, (err, data) => {

// err 如果不是 null 表示成功的

if (!err) {

resolve(data)

} else {

reject(err)

}

})

})

}

// data 是一个对象 封装 data 使它遍历后放入 url 中

function param(data) {

let url = ''

// 通常 data 是一级的对象

for (var k in data) {

// 有时候 data 的值为 undefined

// 所以不能直接加在 url 上面 设置 data 的值为 undefined 时设置为空

let value = data[k] !== undefined ? data[k] : ''

// ES6 语法

url += `&${k}=${encodeURIComponent(value)}`

}

// 如果 url 有 data 需要把第一个 & 删除 如果没有返回空

return url ? url.substring(1) : ''

}