VUE form表单传参时，json格式转form data格式

最新推荐文章于 2024-01-09 11:17:36 发布

原创最新推荐文章于 2024-01-09 11:17:36 发布 · 2.5k 阅读 ·

本内容遵循CC 4.0 BY-SA版权协议

Continue_Python

关注

标签

#vue.js #json #javascript

分类前端开发

收录于

本文介绍了一种将JSON格式的数据转换为FormData格式的方法，以便于在前端向后台发送POST请求时使用。通过实例演示如何实现这一转换过程。

后台要求传递的参数是form data的形式，而不是json的形式，所以要把json的格式转换成form data的格式

我们在请求接口的时候需要传递参数，在传参数之前，直接把参数转换成form data的格式然后直接传进去就行了

 login(){
      var newFormData = new FormData()
      newFormData.append('username', this.form.username)
      newFormData.append('password', this.form.password)
      this.$axios.post('/login',newFormData).then(res=>{
        console.log(res)
        if(res.data.code==200){
          alert(res.data.msg)
          this.$router.push('Cat')
        }else {
          alert(res.data.msg)
        }
      }).catch((err)=>{
        console.log(err)
      })
    }