axios与ajax的对比写法

一，axios get请求：

			this.$axios.get("http://localhost:8081/borad/login?param=value"
                    })
                    .then(res=>{console.log(res)})
                    .catch(error=>{console.log(error)})
                    也可以是，但是注意写法
			this.$axios.get("http://localhost:8081/borad/login",
                    {
                        FormCustom:
                            {
                            pwd:this.formValidate.city,
                            username:this.formValidate.name
                            }
                    })
                    .then(res=>{console.log(res)})
                    .catch(error=>{console.log(error)})

二，post请求：

				this.$axios.post('http://localhost:8081/borad/datatest',{
                        name: this.formValidate.name,
                        mail: this.formValidate.mail,
                        city: this.formValidate.city,
                        gender: this.formValidate.gender,
                        interest: this.formValidate.interest,
                        date: this.formValidate.date,
                        time: this.formValidate.time,
                        desc: this.formValidate.desc
                        //以上为测试数据可自行修改
                    }                        )
                    .then(res=>{console.log(res)})
                    .catch(error=>{console.log(error)})

注意此处post请求有大坑，单单以上面方式发送数据是有问题的，后端无法接受到数据。因为axios.post发送默认的不是我们熟悉form-data格式数据，所以需要修改请求格式，指定heards中的content-type，并且用Qs再次封装数据

			var data=Qs.stringify(this.formValidate)
                    this.$axios.post('http://localhost:8081/borad/datatest',
                    data
                    ,
                    {headers:{'Content-Type':'application/x-www-form-urlencoded'}}    
                      
                      )
                    .then(res=>{console.log(res)})
                    .catch(error=>{console.log(error)})

对比ajax请求：

		$.ajax({
                        url:'',
                        data:{},
                        method:''
                        	
                    })