axios和jquery封装ajax请求

        //axios封装的ajax

        //get方法返回值是一个promise方法

        // document.querySelector('.get').onclick = function () {

        //     axios.get('/fruits').then(res => {

        //         console.log(res.data)

        //     })

        // }

        //jquery封装的ajax

        $('.get').click(function () {

            $.ajax({

                url: '/fruits',

                type: 'get'

            }).done(res => {

                console.log(res)

            })

        })

        document.querySelector('.post').onclick = function () {

            axios.post('/fruits', { fruit: '草莓' }).then(res => {

                console.log(res.data)

            })

        }

        document.querySelector('.put').onclick = function () {

            axios.put('/fruits/0', { fruit: '西巴' }).then(res => {

                console.log(res.data)

            })

        }

        document.querySelector('.delete').onclick = function () {

            axios.delete('/fruits/0').then(res => {

                console.log(res.data)

            })

        }