Vue如何使用Post進(jìn)行表單提交

這篇“Vue如何使用Post進(jìn)行表單提交”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“Vue如何使用Post進(jìn)行表單提交”文章吧。

使用Post進(jìn)行表單提交

下面就是使用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問(wèn)題

get的使用

this.$axios.get("/api/Main/InputValue",{
     params:{ //傳參
         json:"123"
     }
})
.then(function(res){
     //console.log(res)          
})
.catch(function(err){
      console.log("請(qǐng)求失敗233");
});

post的使用

this.$axios.post("/api/Main/posttest",{json:"123"})//傳參
.then(function(res){
      console.log(res)          
})
.catch(function(err){
      console.log("請(qǐng)求失敗233");
});

post和get傳參數(shù)的方式是不一樣的，寫post的時(shí)候如果在params里面?zhèn)鲄?shù)，后臺(tái)是收不到的

以上就是關(guān)于“Vue如何使用Post進(jìn)行表單提交”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。