Jsonp实践客户端 + nodejs服务端(笔记用)

时间 2019-11-25

标签 jsonp 实践客户端 nodejs 服务笔记栏目 JSON 繁體版

原文原文链接

客户端：javascript

<html>

　　<body>

　　　　// jsonp请求的回调函数

　　　　function getJsonpData(data) {

　　　　　　Object.keys(data).forEach(key => {

　　　　　　　　console.log(`${key}: ${data[key]}`);

　　　　　　　　const div = document.createElement('div');

　　　　　　　　div.innerHTML = data[key];

　　　　　　　　document.body.appendChild(div);

　　　　　　})

　　　　}

　　</script>

</body>

</html>

nodejs服务端：

var express = require('express');

const app = express();

var server = app.get('/jsonpTest', (req, res) => {

　　// 要返回的数据

　　const data = {

　　　　"name": "tom",

　　　　"age": 24,

　　　　"city": "guangzhou"

　　}

　　// 获取请求中的回调函数名称

　　const callFn = req.query.callback;

　　// 经过返回 cbFnName(JSON.stringify(data)) 触发客户端的回调函数执行

　　res.send(`${callFn}(${JSON.stringify(data)})`);

});

server.listen(5000, () => {

console.log('server start!')

});

Jsonp实践 客户端 + nodejs服务端(笔记用)