当前位置: 代码迷 >> 综合 >> 原生js的jsonp请求函数封装
  详细解决方案

原生js的jsonp请求函数封装

热度:20   发布时间:2024-01-21 04:49:38.0

我们知道,jsonp也是一种请求的主流方式,每次书写起来太麻烦了,遂将他封装起来,方便我们日后使用,首先给上核心的封装函数:

    // api文档/*     jsonp中传入一个对象{url: 请求的地址data:请求的数据success:成功时候执行的函数} */function jsonp(options) {const script = document.createElement('script');let substitute01 = Math.random().toString();substitute01 = substitute01.replace('.', '_');let substitute02 = Math.random().toString();substitute02 = substitute02.replace('.', '_');const function_name = `fun${substitute01}_${substitute02}`;let params = '';//遍历对象for (const key in options.data) {params += '&' + key + '=' + options.data[key];}//这里还必须叫callback,否则后台的jsonp方法不识别