首页 > 其他分享 >axios最最基础的用法

axios最最基础的用法

时间:2023-06-16 21:24:45浏览次数:37  
标签:最最 axios name age 用法 wds response id


axios

ajax请求库,比较热门吗,这里是最基础的发送请求和接收参数

 

 

axios闲来无事一,axios的理解和使用

一,axios的理解和使用

服了,看弹幕给我看的没自信了。

axios最基本的使用方式

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
   <title>Document</title>
</head>
<body>

   <div class="boxer">

       <h1>axios的基本使用</h1>
       <button class="btn btn-get">GET方法</button>
       <button class="btn btn-post">POST方法</button>
       <button class="btn btn-delete">DELETE方法</button>
       <button class="btn btn-put">PUT方法</button>

   </div>
   <script>
        const btns = document.querySelectorAll('button')

        btns[0].onclick = function(){
            axios({
               method:'GET',
               url:'http://localhost:3000/students'

            }).then(response=>{
               console.log(response)
            })
        }

        btns[1].onclick = function(){
            axios({
               method:'POST',
               url:'http://localhost:3000/students',
               data:{
                   "name":"wds",
                   "age":18
              }

            }).then(response=>{
               console.log(response)
            })
        }
   </script>
</body>
</html>

{
 "students": [
  {
     "id": 1,
     "name": "wds",
     "age": 21
  },
  {
     "id": 2,
     "name": "wds",
     "age": 21
  },
  {
     "id": 3,
     "name": "wds",
     "age": 21
  },
  {
     "name": "wds",
     "age": 18,
     "id": 4
  }
]
}

 

标签:最最,axios,name,age,用法,wds,response,id
From: https://www.cnblogs.com/laonianrenws/p/17486521.html

相关文章

  • axios headers设置发送接收文件类型
    接受blobexportfunctionexportTeacherActivitiesState(data:any):Promise<IResponse<Blob>>{ returnrequest({  baseURL,  url:"/Api/CourseEvaluationManage/ActivityStatistics/ExportTeacherActivitiesState",  method:"post......
  • 小白学习应用构建分享-参照用法
     什么是参照?只看名词,不太好理解,我们看下图,是不是一看就明白了,参照就是一份输入参考,当用户进行输入时,可以从已有数据中进行选择。怎么创建参照?假设业务场景是一张采购单,其中一个字段是【物料品牌】,我们需要为【物料品牌】创建一个参照。2.1在业务对象中新增【品牌】业......
  • 逍遥自在学C语言 | 指针的基础用法
    前言在C语言中,指针是一项重要的概念,它允许我们直接访问和操作内存地址。可以说,指针是C语言一大优势。用得好,你写程序如同赵子龙百万军中取上将首级;用得不好,则各种问题层出不穷,有种双拳难敌四手的感觉。本文将介绍指针的基础知识,包括指针的定义、初始化、访问和运算。一、人物......
  • createelement的用法(转载)
    document.createElement()是在对象中创建一个对象,要与appendChild()或insertBefore()方法联合使用。其中,appendChild()方法在节点的子节点列表末添加新的子节点。insertBefore()方法在节点的子节点列表任意位置插入新的节点。​下面,举例说明document.createElement()的用......
  • matplot画网格线分层级的用法
    网格线分级一般情况下,我们设置网格线都不会太在意密度和精度的问题,导致下图这种看的有些眼花,横坐标在比较密集的时候很容易看窜行。所以如果可以把精度设置一下,或者设置一下主级和副级网格线,就会条理很多MultiLocator首先引入模块frommatplotlib.tickerimportMultipleLoc......
  • C语言文件操作函数open、write用法速记
    以前一直都是用fopen、fwrite等高级函数写文件,这次尝试用open、write、close操作文件。代码如下:intret=OB_SUCCESS;intfd=open(config_file,O_WRONLY|O_CREAT|O_TRUNC,S_IRWXU|S_IRWXG|S_IRWXO);staticconstint64_tbuf_len=512;int64_......
  • mmap基本用法
      示例:#include<sys/mman.h>#include<stdio.h>#include<unistd.h>#include<stdlib.h>#include<fcntl.h>#include<sys/types.h>#include<sys/stat.h>#include<string.h>intmain(intargc,char**argv)......
  • const_cast用法
    顶层const&底层const:普通变量没有底层顶层的区别;intconsta==constinta只有对应指针,引用才会有区别:指针常量->顶层const,指针本身不可被修改。int*constb=&a,a既可以通过a=x来改变,也可以通过*b=x来改变,但不可以把b指向别的地址、别的变量。例如声明intc=2;b=c......
  • C++ const_cast用法
    原文C++const_cast用法const_cast是一种C++运算符,主要是用来去除复合类型中const和volatile属性(没有真正去除)。变量本身的const属性是不能去除的,要想修改变量的值,一般是去除指针(或引用)的const属性,再进行间接修改。用法:const_cast<type>(expression)通过const_cast运算符,也只......
  • 最快最好用的数据增强库「albumentations」 一文看懂用法
    本文内容如下1.Albumentations的自我介绍2.案例欣赏3.如何安装4.有哪些数据增强方法4.1像素级变换(Pixel-leveltransforms)4.2空间级变换(Spatial-leveltransforms)5.看完就会的使用方法5.1Compose5.2Oneof5.3我们再随便看看其他的一些方法。5.4怎么把这些增强方法和pytorch......