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

Ajax-Axios的快速入门

news 2026/2/7 13:21:23

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>

Ajax-Axios的快速入门

Ajax 概念：Asynchronous Javascript Anderson XML，异步的JavaScript和XML 作用：数据交换：通过Ajax可以给服务器发送请求，并获取服务器相应数据异步交互：可以在不重新加载整个页面的情况下，与…...

编程日记 2023/8/28 16:58:24

mysql insert出现主键冲突错误的解决方法

mysql insert出现主键冲突错误的解决方法 insert 时防止出现主键冲突错误的方法在mysql中插入数据的时候常常因为主键存在而冲突报错，下面有两个解决方法： 1 在insert 语句中添加ignore 关键字 insert ignore into table (id,name) values (1,username)…...

编程日记 2023/8/28 16:57:23

Visual Studio2022史诗级更新，增加多个提高生产力的功能

Visual Studio 2022发布了17.7x版，这次更新中，增加多个提高生产力的功能以及性能进一步改进。如果要体验新功能，需要将Visual Studio 2022的版本升级到17.7及以上下面我们看看新增的功能以及改进的功能！ 目录文件比较自动修复代…...

编程日记 2023/8/28 16:56:22

理解HTTPS/TLS/SSL（一）基础概念+配置本地自签名证书

文章目录没有HTTPS时的样子场景模拟WireShark的Capture Filter和Display Filter设置Capture Filter启动程序设置Display Filter过滤抓到的包结论关于为什么加密更简洁有力的回答对称加密和非对称加密和CA证书密钥交换对称加密非对称加密CA机构和证书如何解决客户端和CA机构之…...

编程日记 2023/8/28 16:55:21

前端需要理解的Vue知识

1 模板语法 Vue使用基于 HTML 的模板语法，能声明式地将其组件实例的数据绑定到DOM。所有Vue 模板可以被符合规范的浏览器和 HTML 解析器解析。Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式系统，当应用状态变更时，Vue 能够智能…...

编程日记 2023/8/28 16:54:20

【Go 基础篇】Go语言中的自定义错误处理

错误是程序开发过程中不可避免的一部分，而Go语言以其简洁和高效的特性闻名。在Go中，自定义错误（Custom Errors）是一种强大的方式，可以为特定应用场景创建清晰的错误类型，以便更好地处理和调试问题。本文将详…...

编程日记 2023/8/28 16:53:19

LeetCode面试经典150题（day 1）

LeetCode是一个免费刷题的一个网站，想要通过笔试的小伙伴可以每天坚持刷两道算法题。接下来，每天我将更新LeetCode面试经典150题的其中两道算法题，一边巩固自己，一遍希望能帮助到有需要的小伙伴。 88.合并两个有序数组给你两个…...

编程日记 2023/8/28 16:52:16

嵌入式linux之QT交叉编译环境搭建(最简单实测通用版)

这里总结下用于嵌入式linux下的QT交叉编译环境搭建，留作备忘，分享给有需要的小伙伴。不管你的是什么嵌入式linux环境，实测过的通用方法总结。环境准备需要准备的环境要求如下： 1.虚拟机(vmvare15.5) 2.ubuntu18.04-x64的linu…...

编程日记 2023/8/28 16:51:15

线性代数的学习和整理14: 线性方程组求解

目录 1 线性方程组 2 有解，无解 3 解的个数 1 线性方程组 A*xy 3根直线的交点，就是解无解的情况无解： 三线平行无解：三线不相交有解有唯一解：三线相交于一点有无数解：三条线重叠 2 齐次线性方程组…...

编程日记 2023/8/28 16:50:11

Web Components详解-Custom Elements

目录引言演变过程概述使用方式创建标签定义标签使用标签获取标签异步定义标签升级标签完整案例结语相关代码参考文章引言随着项目体量的增大，组件化和模块化的优势也愈发明显了，构建可重复使用、独立、可互操作的组件变得…...

编程日记 2023/8/28 16:49:10

批量将excel文件按照分类生成多个excel文件

要批量将Excel文件按照分类生成多个Excel文件，文件名为分类名，可以使用Python中的pandas库来实现。下面是示例代码： import pandas as pd import os def split_excel_by_category(file_path, category_column, output_folder): # 读取Ex…...

编程日记 2023/8/28 16:48:09

PCL 点云组件聚类

文章目录一、简介二、实现代码三、实现效果参考资料一、简介该算法与欧式聚类、DBSCAN聚类很是类似，聚类过程如下所述： 1. 首先，我们需要提供一个种子点集合，对种子点集合进行初始的聚类操作，聚类的评估器（即聚类条件），可以指定为法向评估，也可以是距离评估，以此我…...

编程日记 2023/8/28 16:47:07

学习Linux的注意事项（使用经验；目录作用；服务器注意事项）

本篇分享学习Linux过程中的一些经验文章目录 1. Linux系统的使用经验2. Linux各目录的作用3. 服务器注意事项 1. Linux系统的使用经验 Linux严格区分大小写Linux中所有内容以文件形式保存，包括硬件，Linux是以管理文件的方式操作硬件硬盘文件是/dev/s…...

编程日记 2023/8/28 16:46:05

文章目录 String类String的特性String对象的创建String常用方法 StringBuilder类StringBuffer类StringBuffer对象的创建StringBuffer类的常用方法 String、StringBuffer、StringBuilder区别存放的位置 java.lang.*; 继承的父类 java.lang.Object 实现的接口 java.io.Serializa…...

编程日记 2023/8/28 16:45:04

vue3中props值类型和值的类型

...

编程日记 2023/8/28 16:44:02

windows下安装go环境和vscode中go扩展

1. 首先安装GO Go下载地址：go.dev 选择相对应的版本，下载，运行安装程序，并打开命令提示符，运行 go env ，确认已经安装go 注意关注其中GOPATH和GOROOT，这两个地址可以在系统环境变量中进行设置…...

编程日记 2023/8/28 16:43:01

C++ 面试题（一）--C++基础，面向对象，内存管理

目录 1.part1 C基础 1 C特点 2 说说C语言和C的区别 3 说说 C中 struct 和 class 的区别 4 include头文件的顺序以及双引号""和尖括号<>的区别 5 说说C结构体和C结构体的区别 6 导入C函数的关键字是什么，C编译时和C有什么不同？ 7…...

编程日记 2023/8/28 16:42:00

ARTS打卡第二周之链表环的检测、gdb中disassemble的使用、底层学习建议、学习分享

Algorithm 题目：链表中环的检测自己的分析见博客《检测链表中是否存在环》 Review disassemble command是我读的一篇英语文章，这篇文章主要是介绍gdb反汇编命令的使用和参数。自己为了能够演示这篇文章里边的内容，特意自己使用汇编语言编…...

编程日记 2023/8/28 16:40:59

皕杰报表(BIOS Report)中设置序号的方法之二

在皕杰报表如何设置序号系列之一里，我们用ds.#0来实现了序号，用ds.#0得到的数据库中选取的记录的序号。有些情况下，记录序号在报表中不是按照顺序显示的，而是在报表中又通过排序或分组后的结果显示的，例如：…...

编程日记 2023/8/28 16:39:56

nacos总结黑马

SpringCloud实用篇02 0.学习目标 1.Nacos配置管理 Nacos除了可以做注册中心，同样可以做配置管理来使用。 1.1.统一配置管理当微服务部署的实例越来越多，达到数十、数百时，逐个修改微服务配置就会让人抓狂，而且很容易出错。我…...

编程日记 2023/8/28 16:38:55

深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录

ASP.NET Core 是一个跨平台的开源框架，用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录，以帮助监视应用程序行为和诊断问题。可以通过配置不同的记录提供程…...

编程新知 2026/2/6 4:07:25

简易版抽奖活动的设计技术方案

1.前言本技术方案旨在设计一套完整且可靠的抽奖活动逻辑，确保抽奖活动能够公平、公正、公开地进行，同时满足高并发访问、数据安全存储与高效处理等需求，为用户提供流畅的抽奖体验，助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...

编程新知 2026/1/26 20:20:15

边缘计算医疗风险自查APP开发方案

核心目标：在便携设备（智能手表/家用检测仪）部署轻量化疾病预测模型，实现低延迟、隐私安全的实时健康风险评估。一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...

编程新知 2026/1/28 10:02:54