vue+element-ui+axios 提交数据给后台(坑)
1.相信你们的准备工作都做好啦,就差提交数据啦。我们直接说提交数据,axios 提交数据和ajax 差别不大,只是在参数提交形式上有点区别,ajax提交的数据放在 data:{}中,而axios 提交的数据需要放在 params{}中。具体如下。import axios from "axios";methods: {getForm() {this.dia...
·
1.相信你们的准备工作都做好啦,就差提交数据啦。我们直接说提交数据,axios 提交数据和ajax 差别不大,只是在参数提交形式上有点区别,ajax提交的数据放在 data:{}中,而axios 提交的数据需要放在 params{}中。具体如下。
import axios from "axios";
methods: {
getForm() {
this.dialogFormVisible = !this.dialogFormVisible;
let title = document.querySelector(".el-form-item .el-input__inner")
.value;
let txt = document.querySelector(".el-textarea__inner").value;
console.log(title, txt);
axios({
method: "post",
url: "http://127.0.0.1:3000/addNews",
headers: {
"Content-Type": "application/x-www-form-urlencoded;charset=utf-8"
},
responseType: "stream",
params: {
data: {
title,
txt
}
}
}).then(res => {
res = res.data;
console.log(res);
if (res.status === 200) {
}
});
}
}
大概就是这样子...
更多推荐
已为社区贡献4条内容
所有评论(0)