在web開發(fā)中，form表單是常用的交互方式。而使用AJAX技術(shù)向服務(wù)器發(fā)送請求并返回JSON數(shù)據(jù)，則是現(xiàn)代web開發(fā)中流行的方式。下面以一個例子來介紹如何使用form表單向服務(wù)器請求數(shù)據(jù)并返回JSON數(shù)據(jù)。

<form method="POST" action="/api/get_data">
<input name="name" type="text" placeholder="請輸入姓名" />
<input name="age" type="text" placeholder="請輸入年齡" />
<button type="submit">提交</button>
</form>

這是一個簡單的form表單，其中method為POST，action為請求地址。form中包含了兩個輸入框和一個提交按鈕。當(dāng)用戶提交表單時，form會將輸入框中的數(shù)據(jù)封裝成一個JSON對象發(fā)送到請求地址，請求地址返回的數(shù)據(jù)也是JSON格式的。

在服務(wù)器端，我們可以使用不同的語言和框架來處理這個請求并返回JSON數(shù)據(jù)。下面以Node.js和Express框架為例：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.post('/api/get_data', (req, res) => {
const name = req.body.name;
const age = req.body.age;
const data = {
name,
age,
message: 'Hello World'
};
res.json(data);
});
app.listen(3000, () => console.log('Server start on port 3000'));

在服務(wù)器端，我們使用了body-parser中間件來解析請求體中的JSON數(shù)據(jù)，并從中獲取到name和age。然后將獲取到的數(shù)據(jù)和一條消息封裝成一個JSON對象，并使用res.json()方法將其返回給客戶端。

使用form表單向服務(wù)器請求數(shù)據(jù)并返回JSON數(shù)據(jù)，可以實現(xiàn)前后端分離，提高網(wǎng)站的性能和用戶體驗。同時，使用JSON數(shù)據(jù)也更符合Web API設(shè)計的標(biāo)準(zhǔn)。該方法適用于大多數(shù)情況，但對于大型的數(shù)據(jù)請求，則需要使用其他方法來優(yōu)化性能。