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传参数的方式是不一样的,写post的时候如果在params里面传参数,后台是收不到的~~~~
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue项目中安装依赖npm install一直报错的解决过程
这篇文章主要给大家介绍了关于Vue项目中安装依赖npm install一直报错的解决过程,要解决NPM安装依赖报错,首先要分析出错误的原因,文中将解决的过程介绍的非常详细,需要的朋友可以参考下2023-05-05vue3:vue2中protoType更改为config.globalProperties问题
这篇文章主要介绍了vue3:vue2中protoType更改为config.globalProperties问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-09-09vue单文件组件lint error自动fix与styleLint报错自动fix详解
这篇文章主要给大家介绍了关于vue单文件组件lint error自动fix与styleLint报错自动fix的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-01-01
最新评论