Axios

Axios 各种请求方式传递参数

-----get、写上params-----
axios.get('demo/url', {
    params: {
        id: 123,
        name: 'Henry',
        sex: 1,
        phone: 13333333
    }
})
-----delete、写上data-----
axios.delete('demo/url', {
    data: {
        id: 123,
        name: 'Henry',
        sex: 1,
        phone: 13333333
    }
})
-----post、不写-------
axios.post('demo/url', {
    id: 123,
    name: 'Henry',
    sex: 1,
    phone: 13333333
})
-----put、不写-------
axios.put('demo/url', {
    id: 123,
    name: 'Henry',
    sex: 1,
    phone: 13333333
})
-----patch、不写-------
axios.patch('demo/url', {
    id: 123,
    name: 'Henry',
    sex: 1,
    phone: 13333333
})

Axios是作http页面请求的，那就来谈一下发送请求参数的过程吧~
我用部分代码进行演示说明

<script src="js/vue.js"></script>       //用过本地导入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>  //通过网络导入

//定义一个vue
var vm = new Vue({
// id="app" 以内的可以被这个vue操作
el: "#app",
//data里面填写json格式的数据，[]是存放数组
data: {
        user: {u_tel: "", u_password: ""},
        users: [],
        users2: [],
        delete_ids: [],
        likeTel:{},
        user3:{},
        user4:{}
},

get请求
后台接受的参数为(User user)
必须在params里面写键值对，如果属性名一致，后台可以直接写对象接收，否则分开写参数接收

//vue的方法区
methods: {
		//以login为例，亲测get请求只能是键值对（我实在是无能为力了，如果以json传过去的教教我）
		//反正除了get其余都是json格式发送的
		login: function () {
            axios.get("/user/login", {
                params: {
                    u_tel: this.user.u_tel,
                    u_password: this.user.u_password
                }
            })

post请求
后台接受的参数为 (@RequestBody User user)，除了get，对象参数都要这样处理，数组也是对象

		register: function () {
            axios.post("/user/register", this.user)       //可以直接写个{}里面写参数，当然也可以我这么写
                .then(res => {
                    alert(res.data)   //传过来的数据都是在data里面的，也全都是json（restful风格）
                    }
                })

delete请求
delete的不同之处是参数外写个data，get是写一个params，put、post、patch都是不写

		deleteUser: function (index) {
            axios.delete("/user/deleteMore",{
                data:[this.users[index].u_id]
            })
                .then(res => {
                    this.users.splice(index,1)     //从下标为index的位置开始，删除一个
                    //v-for="(user1,index) in users" :key="user1.u_id" 做选定位置的操作，必须写key
                })