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

Ajax-Axios的快速入门

Ajax

概念:Asynchronous Javascript Anderson XML,异步的JavaScript和XML

作用:数据交换:通过Ajax可以给服务器发送请求,并获取服务器相应数据

           异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术

Axios

介绍:Axios对原生的Ajax进行了封装,简化书写,快速开发

步骤:

1.引入Axios的js文件

<script src="axios-0.18.0.js"></script>

2.使用Axios发送请求,并获取响应结果

 axios.get("").then(result=>{
            console.log(result.data);
        })

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Ajax-Axios</title><script src="axios-0.18.0.js"></script>
</head>
<body><input type="button" value="获取数据GET" onclick="get()"><input type="button" value="获取数据POST" onclick="post()">
</body>
<Script>function get(){/*     axios({method:"get",url:""}).then(result =>{console.log(result.data);}) */axios.get("").then(result=>{console.log(result.data);})}function post(){/*   axios({method:"post",url:""}).then(result =>{console.log(result.data);}) */axios.post("").then(result=>{console.log(result.data);})}
</Script>
</html>

http://www.lryc.cn/news/143180.html

相关文章:

  • mysql insert出现主键冲突错误的解决方法
  • Visual Studio2022史诗级更新,增加多个提高生产力的功能
  • 理解HTTPS/TLS/SSL(一)基础概念+配置本地自签名证书
  • 前端需要理解的Vue知识
  • 【Go 基础篇】Go语言中的自定义错误处理
  • LeetCode面试经典150题(day 1)
  • 嵌入式linux之QT交叉编译环境搭建(最简单实测通用版)
  • 线性代数的学习和整理14: 线性方程组求解
  • Web Components详解-Custom Elements
  • 批量将excel文件按照分类生成多个excel文件
  • PCL 点云组件聚类
  • 学习Linux的注意事项(使用经验;目录作用;服务器注意事项)
  • Java字符串
  • vue3中props值类型和值的类型
  • windows下安装go环境 和vscode中go扩展
  • C++ 面试题(一)--C++基础,面向对象,内存管理
  • ARTS打卡第二周之链表环的检测、gdb中disassemble的使用、底层学习建议、学习分享
  • 皕杰报表(BIOS Report)中设置序号的方法之二
  • nacos总结黑马
  • 【简单bat】写一个定时关机的批处理程序
  • Oracle 19c 启动和关闭实例保存PDB状态
  • 计算机毕设 基于机器学习的餐厅销量预测 -大数据 python
  • layui 多选限制选择3个
  • PyQt PySide6 QMessageBox使用教程
  • Visual Studio软件安装包分享(附安装教程)
  • VB电脑销售系统设计与实现
  • 如何访问MySQL错误日志
  • redis主从复制详解
  • kubernetes/k8s驱逐机制总结篇
  • Git gui教程---第七篇 Git gui的使用 返回上一次提交