axios的基本使用

最新推荐文章于 2024-05-22 13:52:22 发布

付立翔

最新推荐文章于 2024-05-22 13:52:22 发布

阅读量45

点赞数

分类专栏：前端框架 javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/ajhdd/article/details/120461325

版权

前端框架同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

javaScript

5 篇文章 0 订阅

订阅专栏

axios

下载json-server

npm install -g json-server

Start JSON Server json-server --watch db.json

<body>
    <button id="btn">get请求</button>
    <button id="btn2">post请求</button>
    <button id="btn3">get请求</button>
    <button id="btn4">get请求</button>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <script>
        document.getElementById("btn").onclick = function () {
            axios({
                // 请求类型
                method: "get",
                // url
                url: "http://localhost:3000/posts/2",
            }).then(function (value) {
                console.log(value);
            }, function (reason) {
                console.log(reason);
            })
        }
          document.getElementById("btn2").onclick = function () {
            axios({
                // 请求类型
                method: "post",
                // url
                url: "http://localhost:3000/posts",
                // 设置请求体
                data: {
                    title: "今年天气不错",
                    author: "张三",
                }
            }).then(function (value) {
                console.log(value);
            });
        }

        
    </script>
</body>

付立翔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
axios的基本使用

axios下载json-servernpm install -g json-serverStart JSON Server json-server --watch db.json<body> <button id="btn">get请求</button> <button id="btn2">post请求</button> <button id="btn3">get请求</button>
复制链接

扫一扫