首页 > 其他分享> 文章详细

axios

2022-09-10 09:06:42 阅读：198 来源： 互联网

标签：axios console log response 3000 method

json-server

安装：

　　npm install -g json-server

运行：

　　json-server --watch db.json

axios函数

　　method：get 获取、post 添加、put 更新、delete 删除

　　　　//   获取 get
      btns[0].addEventListener("click", () => {
        axios({
          method: "GET",
          url: "http://localhost:3000/posts/2",
        }).then((response) => {
          console.log(response);
        });
      });
      //   添加 post
      btns[1].addEventListener("click", () => {
        axios({
          method: "POST",
          url: "http://localhost:3000/posts",
          data: {
            title: "时间控制大师",
            auther: "rql",
          },
        }).then((response) => {
          console.log(response);
          console.log("请求成功");
        });
      });
      //   更新 put
      btns[2].addEventListener("click", () => {
        axios({
          method: "PUT",
          url: "http://localhost:3000/posts/3",
          data: {
            title: "时间控制大师",
            auther: "任青龙",
          },
        }).then((response) => {
          console.log(response);
          console.log("请求成功");
        });
      });

      //   删除 delete
      btns[3].addEventListener("click", () => {
        axios({
          method: "DELETE",
          url: "http://localhost:3000/posts/3",
        }).then((response) => {
          console.log(response);
          console.log("请求成功");
        });
      });

标签：axios,console,log,response,3000,method
来源： https://www.cnblogs.com/i269/p/16667209.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

axios