vue再读56-axios基础 

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
 
<body>
    <script src="./js/axios.js">
    </script>
    <script>
        /*   axios
                                                                            .请求方式(url)
                                                                            .then((res) => {
                                                                                获取数据res.data
                                                                            })
                                                                            .catch((err) => {}) */
        //get查询
        axios
            .get('http://localhost:8888/brands')
            .then((res) => {
                /*   console.log(res) */
                const {
                    status,
                    data
                } = res
                if (status === 200) {
                    console.log(data)
                }
            })
            .catch((err) => {
 
            })
            //post数据
            /* axios.post(url,"要添加的数据") */
        axios
            .post('http://localhost:8888/brands', {
                name: 'abcdf',
                date: new Date()
            })
            .then((res) => {
                console.log(res.status);
            })
            //put数据
        axios.put('http://localhost:8888/brands/5', {
                name: 'xxx',
                date: new Date()
            })
            .then((res) => {
                console.log(res.status);
            })
 
        //delete
        axios.delete('http://localhost:8888/brands/6')
 
        .then((res) => {
            console.log(res.status);
        })
    </script>
</body>
 
</html>

 

posted @ 2022-07-29 22:30  前端导师歌谣  阅读(36)  评论(0)    收藏  举报