用Javascript把数据保存到数据库
时间: 2023-05-19 20:05:26 浏览: 116
可以使用Ajax技术将数据发送到后端,后端再将数据保存到数据库中。以下是一个简单的示例代码:
```javascript
// 假设有一个表单,包含一个输入框和一个提交按钮
const input = document.querySelector('#input');
const submitBtn = document.querySelector('#submit');
submitBtn.addEventListener('click', () => {
const data = { content: input.value };
const xhr = new XMLHttpRequest();
xhr.open('POST', '/save-data');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(data));
});
```
在后端,可以使用Node.js和Express框架来处理这个请求:
```javascript
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.post('/save-data', (req, res) => {
const data = req.body;
// 将数据保存到数据库中
res.send('Data saved successfully!');
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});
```
当用户点击提交按钮时,前端会发送一个POST请求到后端的`/save-data`路由。后端使用`body-parser`中间件来解析请求体中的JSON数据,然后将数据保存到数据库中。最后,后端返回一个成功的响应给前端。
阅读全文