jsonp.js

jsonp.js

/**
 * @file jsonp请求
 */

// 获取jsonp
const jsonp = (options) => {
 if(!options || !options.url) return;

//   const container = document.getElementsByTagName('body')[0];
  const container = document.body;
  let scriptNode = document.createElement('script');
  let data = options.data || {};
  let url = options.url;
  const callbackSuccess = options.callback[0];
  const callbackFail = options.callback[1];
  const timestamp = Date.parse(new Date());
  const fnName = "jsonp" + timestamp;
  data["callback"] = fnName;

  // 拼接url
  let params = [];
  for (var key in data) {
      params.push(encodeURIComponent(key) + "=" + encodeURIComponent(data[key]));
  }
  url = url.indexOf("?") > 0 ? (url + "&") : (url + "?");
  url += params.join("&");
  scriptNode.src = url;

  // 传递的是一个匿名的回调函数，要执行的话，暴露为一个全局方法
  global[fnName] = function (ret) {
      callbackSuccess && callbackSuccess(ret);
      container.removeChild(scriptNode);
      delete global[fnName];
  }
  // 出错处理
  scriptNode.onerror = function () {
      callbackFail && callbackFail({error:"error"});
      container.removeChild(scriptNode);
      global[fnName] && delete global[fnName];
  }

  scriptNode.type = "text/javascript";
  container.appendChild(scriptNode)
};

export default {
  jsonp
};