jsonp promise 封装

使用JSONP封装请求

最新推荐文章于 2023-05-10 10:56:09 发布

转载最新推荐文章于 2023-05-10 10:56:09 发布 · 178 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.mk2048.com/blog/blog.php?id=haij2jjjjjib&title=jsonp+promise+%E5%B0%81%E8%A3%85

文章标签：

#vue

前端专栏收录该内容

1897 篇文章

订阅专栏

本文介绍了一种使用JSONP进行跨域请求的方法，并提供了一个封装好的函数，该函数利用提供的originJsonp库来发送请求。此外，还实现了一个辅助函数用于构造请求参数。

import originJsonp from 'jsonp'

export default function jsonp(url, data, option) {
  url  = (url.indexOf('?') < 0 ? '?' : '&')   param(data)

  return new Promise((resolve, reject) => {
    originJsonp(url, option, (err, data) => {
      if (!err) {
        resolve(data)
      } else {
        reject(err)
      }
    })
  })
}

export function param(data) {
  let url = ''
  for (var k in data) {
    let value = data[k] !== undefined ? data[k] : ''
    url  = '&'   k   '='   encodeURIComponent(value)
    // url  = `&${k}=${encodeURIComponent(value)}` //都不需要拼接 了
  }
  return url ? url.substring(1) : ''
}