- 获取客户端发送过来的回调函数的名字
- 得到要通过 JSONP 形式发送给客户端的数据
- 根据前两步得到的数据,拼接出一个函数调用的字符串
- 把上一步拼接得到的字符串,响应给客户端的
const express = require('express')
const app = express()
app.use(express.urlencoded({ extended: false }))
app.get('/api/jsonp', (req, res) => {
const funcName = req.query.callback
const data = { name: 'zs', age: 11 }
const scriptStr = `${funcName}(${JSON.stringify(data)})`
res.send(scriptStr)
})
const cors = require('cors')
app.use(cors())
const router = require('./020-apiRouter')
app.use('/api', router)
app.listen(3000, () => {
console.log('running……')
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
</head>
<body>
<script>
$(function () {
$.ajax({
method: 'GET',
url: 'http://127.0.0.1:3000/api/jsonp',
dataType: 'jsonp',
success: function (res) {
console.log(res)
}
})
})
</script>
</body>
</html>