当前位置: 首页 > article >正文

前端发送Ajax请求的技术Axios

目录

1.引入Axios文件

2.使用Axios发送请求

2.1请求方法的别名

请求的URL地址怎么来的?

后端实现

前后端交互


1.引入Axios文件

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

2.使用Axios发送请求

2.1请求方法的别名

方法描述
axios.get(url [, config])发送get请求
axios.delete(url [, config])发送delete请求
axios.post(url [, data[, config]])发送post请求
axios.put(url [, data[, config]])发送put请求

 get请求:

axios.get("https://mock.apifox.cn/m1/3083103-0-default/emps/list").then(result => {
    console.log(result.data);
})

post请求:

axios.post("https://mock.apifox.cn/m1/3083103-0-default/emps/update","id=1").then(result => {
    console.log(result.data);
})

所有请求发出后不会立即执行then后面的代码,而是等服务器响应回来后执行。

请求的URL地址怎么来的?

是后端开发人员定义的API接口地址。

后端实现

后端开发人员会基于特定的技术栈(比如java,Node js,Python等)构建服务器

并在服务器上编写处理各种HTTP请求(GET,POST的)的代码逻辑。

当服务器收到GET||post请求时,调用相应的处理函数响应

前后端交互

前端通过Axios或其他HTTP客户端发送请求与到URL,并附带必要额查询参数(如姓名,性别,职位)。

服务端收到请求后就,解析这些参数,执行相应的数据库查询操作,最后将结果打包成JSON格式返回给前端。


http://www.kler.cn/a/516794.html

相关文章:

  • Kubernetes 集群网络及服务暴露方式详解
  • HMV Challenges 022 Writeup
  • Git代码管理工具 — 5 GitHub远程仓库
  • 使用printmap()函数来打印地图
  • Java 生成 PDF 文档 如此简单
  • 2024 行远自迩,笃行不怠
  • 【TypeScript】命名空间、模块、声明文件
  • 机器学习Pytorch实战(1)——安装Anaconda
  • 有限元分析学习——Anasys Workbanch第一阶段笔记(14)静定与超静定问题、约束类型介绍、简支梁挠度求解和自定义材料库建立
  • LINQ 和 LINQ 扩展方法(2)
  • 考研机试:买房子
  • 基于单片机的多功能蓝牙语音智能台灯(论文+源码)
  • C语言-构造数据类型
  • [Qt]系统相关-多线程、线程安全问题以及线程的同步机制
  • Spring Boot/MVC
  • kamailio-5.8.4-centos9编译
  • impala增加字段,hsql查不到数据
  • FastJson很快,有什么用?
  • 8.5 Whisper:解锁语音识别新高度的智能助手
  • 服务器交换区占用量查看
  • 3个基于.Net开发的、开源远程管理工具
  • Nacos 2.5.0 全文详解及配置(并解决WebServerException: Unable to start mbedded Tomcat)
  • Redis高阶4-数据统计
  • Go学习:iota枚举
  • React第二十四章(自定义hooks)
  • 利用 SAM2 模型探测卫星图像中的农田边界