这篇“Vue如何使用Post进行表单提交”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue如何使用Post进行表单提交”文章吧。
下面就是使用Vue提交表单的方法
submitForm(event) {
event.preventDefault();
let formData = new FormData();
formData.append('id', this.param.id);
formData.append('categoryName', this.param.namee);
formData.append('description', this.param.descrip);
var url ="";
if(this.isSave){
url = "http://localhost:8080/bookStore/category.do?flag=add"
}else{
url = "http://localhost:8080/bookStore/category.do?flag=update&id="+this.param.id
}
this.$http.post(url, formData).then(function (res) {
if (res.status === 200) {
this.isShowModal=false;
var title = this.isSave?"添加成功!":"修改成功!";
swal({title:title,text:"",type:"success"});
this.queryData();
this.clearData();
}
})
}
get的使用
this.$axios.get("/api/Main/InputValue",{
params:{ //传参
json:"123"
}
})
.then(function(res){
//console.log(res)
})
.catch(function(err){
console.log("请求失败233");
});
post的使用
this.$axios.post("/api/Main/posttest",{json:"123"})//传参
.then(function(res){
console.log(res)
})
.catch(function(err){
console.log("请求失败233");
});
post和get传参数的方式是不一样的,写post的时候如果在params里面传参数,后台是收不到的
以上就是关于“Vue如何使用Post进行表单提交”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。