前端输入两个数相乘,后端处理返回值
时间: 2024-10-29 18:13:12 浏览: 19
前端通过HTML表单或者JavaScript API接收用户输入的两个数字,通常是在网页上创建一个文本框让用户直接输入或者按钮触发事件获取数值。当用户提交这些数据时,前端会将这两个数字作为参数发送到后端服务器。
在JavaScript中,可能会使用`fetch`、`axios`等库来发起HTTP请求,比如:
```javascript
const num1 = document.getElementById('num1').value;
const num2 = document.getElementById('num2').value;
fetch('/api/multiply', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({num1, num2})
})
.then(response => response.json())
.then(result => console.log('后端返回:', result))
.catch(error => console.error('错误:', error));
```
后端接收到这个请求后,通常是Node.js、Python、Java等语言的服务器环境处理。例如在Node.js中,可以使用Express框架:
```javascript
app.post('/api/multiply', (req, res) => {
const num1 = req.body.num1;
const num2 = req.body.num2;
const product = num1 * num2;
res.json({result: product});
});
```
后端计算出两数之积后,将其作为响应体(JSON格式)返回给前端,前端再解析并显示结果。
阅读全文