首页 > 其他分享 >axios的config模式 工作中最常使用的一种方法

axios的config模式 工作中最常使用的一种方法

时间:2022-12-01 13:58:16浏览次数:40  
标签:axios http get res api 最常 config

axios的config模式 工作中最常使用  语法:axios({}).then({}).catch({})(这里的语法不同之前的 axios.('url地址').then({}).catch({)})

<body>
    <h2>axios的config模式</h2>
    <button class="get">get请求</button>
    <button class="post">post请求</button>
    <script src="./lib/axios.js"></script>
    <script>
      // axios的config模式 工作中最常使用
      // 1. 测试get请求
      // 机器人聊天接口:http://ajax-api.itheima.net/api/robot

      document.querySelector(".get").onclick = () => {
        axios({
          method: "get",
          url: "http://ajax-api.itheima.net/api/robot",
          params: {
            spoken: "你吃啦",
          },
        }).then((res) => {
          console.log(res);
        });
      };
      // 2.测试post请求 :http://ajax-api.itheima.net/api/login
      // 账号:admin 密码:123456
      document.querySelector(".post").onclick = () => {
        axios({
          method: "post",
          url: "http://ajax-api.itheima.net/api/login",
          data: {
            username: "admin",
            password: "123456",
          },
        }).then((res) => {
          console.log(res);
        });
      };
    </script>
  </body>

 

标签:axios,http,get,res,api,最常,config
From: https://www.cnblogs.com/JAG2671169285/p/16941159.html

相关文章

  • form-axios提交数据
    form-axios提交数据<body><h2>ajax+form</h2><!--action提交的接口地址method提交的方法--><formaction="http://ajax-api.ith......
  • K8s configmap Secrets 更新滚动更新pod
    K8sconfigmapSecrets更新滚动更新podReloaderpatch一、k8s使用Reloader实现更新configmap后自动重启podGitHub-stakater/Reloader在日常使用kubernetes......
  • Spring Cloud Config 配置 (二)
    复合环境存储库在某些情况下,您可能希望从多个环境存储库中提取配置数据。为此,可以在配置服务器的应用程序属性或YAML文件中启用配置文件。例如,如果要从一个Subversion......
  • SpringCloud之Config分布式配置文件中心
    分布式系统面临的配置问题:微服务意味着要将单体应用中的业务拆分成一个个子服务,每个服务的粒度相对较小,因此系统中会出现大量的服务。由于每个服务都需要必要的配置信息......
  • 如何正确配置Tomcat SSLHostConfig?
    <Connectorport="443"protocol="org.apache.coyote.http11.Http11NioProtocol"maxThreads="100"compression="on"sche......
  • 浏览器和服务器之间的通信 ajax axios 接口 接口文档
    浏览器和服务器通讯过程以咱们用的最多的浏览器为例,和服务器通讯的过程就像聊微信?浏览器:输入URL地址-->请求服务器:接收请求并返回对应的资源-->响应浏览器:......
  • 【推荐】最常见的三种Python字符串格式化的方法!
    在嵌入式编程中,我们可以使用Python辅助编程,尤其在验证一些算法上特别好使。今天给大家介绍几种Python字符串格式化的方法,希望能够帮助到大家,以下是详细的内容:第一种......
  • axios 的请求方式
    1.绑定点击事件get请求无参数</head><body><h2>get请求+参数换地</h2><buttonclass="btn1">测试</button><buttonclass="btn2">测试有参数</butt......
  • java学习笔记—ServletConfig、ServletContext接口(13)
    ServletConfig是一个由Tomcat服务器在初始化Servlet的时候创建并传递进来的一个对象。该对象主要描述的时候一个servlet的配置信息。如:<servlet>配置一个servlet......
  • vim config
    "echo$MYVIMRC"source$MYVIMRCsetenc=utf-8setfencs=utf-8,gbk,big5,cp936,gb18030,gb2312,utf-16setfenc=utf-8setshortmess=atI"禁止bellsetbelloff=......