要将html中客户输入的数据存储进MySQL数据库中,如何在 Vue.js 中通过 AJAX来调用这些接口,从而实现数据的交互,代码怎么写?
时间: 2023-04-04 19:01:21 浏览: 87
VUE 前后端项目实战商品信息表
可以使用Vue.js中的axios库来进行AJAX请求,具体代码如下:
```
import axios from 'axios';
// 定义一个函数来发送POST请求
function postData(data) {
return axios.post('/api/saveData', data);
}
// 在Vue组件中调用postData函数来发送请求
export default {
data() {
return {
formData: {
// 客户输入的数据
}
}
},
methods: {
submitForm() {
postData(this.formData)
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
}
}
}
```
其中,`/api/saveData`是后端接口的地址,`data`是要发送的数据。在Vue组件中,可以通过调用`postData`函数来发送POST请求,并在响应成功后进行数据处理。
阅读全文