Vue使用Post進行表單提交
更新時間：2022年06月01日 11:10:40 作者：海濤高軟
這篇文章主要介紹了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傳參數(shù)的方式是不一樣的，寫post的時候如果在params里面?zhèn)鲄?shù)，后臺是收不到的~~~~
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue element實現(xiàn)表格增加刪除修改數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了vue element實現(xiàn)表格增加刪除修改數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
VUE安裝依賴時報錯:npm ERR! code ERESOLVE的解決
在使用npm安裝項目依賴時,有時會遇到錯誤信息 “npm ERR! code ERESOLVE”,本文就來介紹一下VUE安裝依賴時報錯的解決,具有一定的參考價值,感興趣的可以了解一下2023-10-10
這篇文章主要為大家學(xué)習(xí)介紹了如何編寫一個Vue3響應(yīng)式系統(tǒng)，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價值，感興趣的小伙伴可以了解一下2023-07-07
Ant?Design?是一個開源庫，可讓您創(chuàng)建吸引人的響應(yīng)式網(wǎng)站。如果您想使用經(jīng)過充分測試且易于學(xué)習(xí)的框架，那么它是您下一個項目的絕佳選擇，這篇文章主要介紹了如何在?Vue?3?中使用?Ant?Design,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了淺談vue中resetFields()使用注意事項，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue百度地圖 + 定位的詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
在我的項目中,甲方要求系統(tǒng)登錄時對密碼進行加密后再傳給后端,指定使用國密SM3,下面這篇文章主要給大家介紹了關(guān)于vue普通加密及國密SM2、SM3和sm4使用的相關(guān)資料,需要的朋友可以參考下2022-12-12
Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。這篇文章主要介紹了Vue表單實例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
vue+axios實現(xiàn)文件下載及vue中使用axios的實例
這篇文章主要介紹了vue+axios實現(xiàn)文件下載及vue中使用axios的實例,需要的朋友可以參考下2018-09-09
vue .then和鏈?zhǔn)秸{(diào)用操作方法
這篇文章主要介紹了vue .then和鏈?zhǔn)秸{(diào)用操作方法,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07