bestime-jsonp v1.0.4

参数详解

安装

npm i bestime-jsonp
const jsonp = require('bestime-jsonp')

<script src="https://cdn.jsdelivr.net/npm/bestime-jsonp@latest/jsonp.min.js"></script>

请求静态 js文件

jsonp({
  url: './data.js',
  callback_handle: 'cb',
  success: function (res) {
    console.log(res)
  }
})

请求动态js (后端配合)

// 后端动态生成（该例子为：nodejs）
app.get('/jsonp-test', (req, res) => {
  const { node_callback } = req.query
  res.send(`${node_callback}(${JSON.stringify({
    code: 1,
    msg: `当前函数名：${node_callback}`,
    data: [
      { name: 'Bestime', jon: 'web前端' }
    ]
  })})`)
})

// 前端js
jsonp({
  url: 'http://192.168.0.224:9998/jsonp-test',
  callback_name: 'node_callback', // 后端接收的callback字段
  callback_handle: null, // 前端callback函数名，null就自动生成
  success: function (res) {
    console.log(res)
  },
  error: function () {
    alert('请求失败')
  }
})

请求json文件

jsonp({
  url: './data.json',
  callback_handle: 'cb',
  success: function (res) {
    console.log(res)
  }
})

请求超时 (网络慢时)

jsonp({
  url: './data.js',
  timeout: 300,
  callback_handle: 'cb',
  success: function () {
    console.log('成功，请调慢网速')
  },
  error: function () {
    console.log('失败')
  }
})

请求到错误地址

jsonp({
  url: './data-404.js',
  error: function () {
    console.log('失败')
  }
})