用Vue框架和后台请求的时候传递的参数的方式

2019独角兽企业重金招聘Python工程师标准>>>

post请求的时候一般有两种方式，一种是json字符串的方式，一种是form-data表单提交的方式

json字符串提交的方式：

var param = {
          'userid':this.username,
          'password':this.password
        };

axios.post('/blastoise/config/config/loginPost', param).then((response) => {
  if(response.data.success==true){
    //登陆成功之后保存登录的用户名，方便跳转页面的时候读取
    localStorage.setItem('username',this.username);
    //登陆成功之后跳转页面
    this.$router.push('/main')
  }else{
    this.$message.success(response.data.message);
  }
}).catch((error) => {
  //this.$message.error('请求失败');
  console.log(error);
});

提交请求的图片例子：

另一种是form-data表单提交的方式：

<script>
import axios from 'axios';
var querystring = require('querystring');
export default {
        data() {
            return {
              username:'', //账户
              password:'', //密码
            }
        },
        methods:{
          login(){
            var param = {
                  'userid':this.username,
                  'password':this.password
                };
            //querystring.stringify（）这种是将数据转成form data的形式
            param = querystring.stringify(param);
            //console.log(param);
            //打印的格式是form表单的格式：userid=1&password=test
            axios.post('/blastoise/config/config/loginPost', param).then((response) => {
              if(response.data.success==true){
                //登陆成功之后保存登录的用户名可以读取
               localStorage.setItem('username',this.username);
               //登陆成功之后跳转页面
                this.$router.push('/main')
              }else{
                this.$message.success(response.data.message);
              }
            }).catch((error) => {
              //this.$message.error('请求失败');
              console.log(error);
            });
          },
        }
    }
</script>

提交表单请求的接口例子：

资料参考：http://www.jb51.net/article/58358.htm

资料关键字：querystring.stringify()

转载于:https://my.oschina.net/lixiaoyan/blog/1576646