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服務端(筆記用)

Jsonp實踐客戶端 + nodejs服務端(筆記用)