Vue如何使用Post进行表单提交

这篇“Vue如何使用Post进行表单提交”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Vue如何使用Post进行表单提交”文章吧。

使用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();
					  }
					})
				}

vue中使用Post问题

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进行表单提交”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。