Express是一款基于Node.js的Web應用程序框架。在Express中,我們可以通過創建接口返回JSON數據來進行前后端的數據交互。下面我們將介紹如何在Express中創建接口并返回JSON數據。
const express = require('express');
const app = express();
// 創建接口GET /api/info
app.get('/api/info', (req, res) => {
const data = {
name: '張三',
age: 20,
sex: '男'
};
res.json(data); // 返回JSON數據
});
app.listen(3000, () => {
console.log('Server is running at http://localhost:3000');
});
上述代碼中,我們使用了Express中的`json()`方法來返回JSON格式數據。如果我們使用`res.send()`方法返回JSON數據,則會自動設置響應頭`Content-Type: text/html`,導致客戶端不能正確解析JSON數據。
在客戶端調用該接口時,可以使用JavaScript中的`fetch`方法或jQuery中的`ajax`方法獲取JSON數據。例如:
// 使用fetch方法獲取數據
fetch('/api/info').then(res => res.json()).then(data => console.log(data));
// 使用ajax方法獲取數據
$.ajax({
url: '/api/info',
dataType: 'json',
success: data => console.log(data)
});
通過上述方法,我們可以輕松創建接口返回JSON數據,實現前后端的數據交互。