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

Ajax-Axios的快速入门

news 2026/5/15 8:48:10

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 概念&#xff1a;Asynchronous Javascript Anderson XML&#xff0c;异步的JavaScript和XML 作用&#xff1a;数据交换&#xff1a;通过Ajax可以给服务器发送请求&#xff0c;并获取服务器相应数据 异步交互&#xff1a;可以在不重新加载整个页面的情况下&#xff0c;与…...

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

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

mysql insert出现主键冲突错误的解决方法 insert 时防止出现主键冲突错误的方法 在mysql中插入数据的时候常常因为主键存在而冲突报错&#xff0c;下面有两个解决方法&#xff1a; 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版&#xff0c;这次更新中&#xff0c;增加多个提高生产力的功能以及性能进一步改进。 如果要体验新功能&#xff0c;需要将Visual Studio 2022的版本升级到17.7及以上 下面我们看看新增的功能以及改进的功能&#xff01; 目录 文件比较自动修复代…...

编程日记 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 的模板语法&#xff0c;能声明式地将其组件实例的数据绑定到DOM。所有Vue 模板可以被符合规范的浏览器和 HTML 解析器解析。Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式系统&#xff0c;当应用状态变更时&#xff0c;Vue 能够智能…...

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

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

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

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

LeetCode面试经典150题（day 1）

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

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

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

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

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

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

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

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

Web Components详解-Custom Elements

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

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

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

要批量将Excel文件按照分类生成多个Excel文件&#xff0c;文件名为分类名&#xff0c;可以使用Python中的pandas库来实现。下面是示例代码&#xff1a; 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中所有内容以文件形式保存&#xff0c;包括硬件&#xff0c;Linux是以管理文件的方式操作硬件 硬盘文件是/dev/s…...

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

Java字符串

文章目录 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下载地址&#xff1a;go.dev 选择相对应的版本&#xff0c;下载&#xff0c;运行安装程序&#xff0c;并打开命令提示符&#xff0c;运行 go env &#xff0c;确认已经安装go 注意关注其中GOPATH和GOROOT&#xff0c;这两个地址可以在系统环境变量中进行设置…...

编程日记 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函数的关键字是什么&#xff0c;C编译时和C有什么不同&#xff1f; 7…...

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

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

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

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

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

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

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

nacos总结黑马

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

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

Code-Captain：一体化开发工作流自动化工具的设计与实践

1. 项目概述&#xff1a;一个为开发者打造的“全能副驾”最近在 GitHub 上看到一个挺有意思的项目&#xff0c;叫devobsessed/code-captain。光看这个名字&#xff0c;你可能会联想到“代码船长”或者“开发指挥官”之类的形象。没错&#xff0c;这个项目的核心定位&#xff0c…...

编程新知 2026/5/15 8:34:24

CXL内存池实现GPU显存零拷贝访问

CXL内存池在大模型训练中实现GPU显存“零拷贝访问”的核心原理&#xff0c;是通过建立缓存一致性的统一内存地址空间&#xff0c;使得GPU能够像访问本地显存&#xff08;HBM&#xff09;一样&#xff0c;直接通过加载/存储&#xff08;Load/Store&#xff09;指令访问远端的CXL…...

编程新知 2026/5/15 7:40:09

Python办公自动化利器OfficeClaw：统一接口与实战应用

1. 项目概述&#xff1a;一个被低估的办公自动化利器 如果你经常需要处理Word、Excel、PDF这类办公文档&#xff0c;并且厌倦了重复性的点击、复制、粘贴和格式调整&#xff0c;那么你很可能已经听说过或尝试过一些自动化工具。今天要聊的这个项目&#xff0c; danielithomas/…...

编程新知 2026/5/15 7:27:36

LTX2.3 最强开源视频生成模型 文生图 / 图生视频 / 音频驱动｜低端显卡本地安装

LTX2.3 是 Lightricks 推出的开源音视频生成模型&#xff0c;支持文生视频、图生视频、音频驱动生成视频&#xff0c;原生音画同步、支持 4K / 竖屏&#xff0c;消费级显卡可本地部署&#xff0c;一键整合包开箱即用。 一、LTX2.3 是什么 LTX‑2.3 是 Lightricks 发布的开源视…...

编程新知 2026/5/15 6:14:52

容器存储进阶：PersistentVolume（PV）_PVC 底层原理 + 动态供应踩坑 + 数据备份恢复实战

容器存储进阶：PersistentVolume（PV）/PVC 底层原理 + 动态供应踩坑 + 数据备份恢复实战 前言：在Kubernetes容器集群中，PersistentVolume（PV）与PersistentVolumeClaim（PVC）是实现容器持久化存储的核心组件，但生产环境中，多数运维人员往往卡在基础配置层面，而忽略了动…...

编程新知 2026/5/15 6:03:15

OptimiLabs velocity：轻量级模型服务化部署实战指南

1. 项目概述与核心价值最近在开源社区里&#xff0c;OptimiLabs 推出的 velocity 项目引起了我的注意。这名字起得挺有意思&#xff0c;直译过来就是“速度”&#xff0c;一听就知道是冲着提升效率去的。作为一个长期在数据科学和机器学习工程化领域摸爬滚打的人&#xff0c;我…...

编程新知 2026/5/15 5:42:08

ARMv8/v9架构ID_AA64ISAR3_EL1寄存器详解与应用

1. AArch64指令集属性寄存器ID_AA64ISAR3_EL1概述 在ARMv8/v9架构中&#xff0c;ID_AA64ISAR3_EL1是一个关键的系统寄存器&#xff0c;它属于AArch64指令集属性寄存器家族。这个64位寄存器专门用于描述处理器在AArch64执行状态下实现的各种指令集扩展特性。作为ARM架构的标准实…...

编程新知 2026/5/15 4:43:05

Go泛型实战经验总结：何时应该在新老项目中采用泛型

Go泛型实战经验总结&#xff1a;何时应该在新老项目中采用泛型 【免费下载链接】go-generics-the-hard-way A hands-on approach to getting started with Go generics. 项目地址: https://gitcode.com/gh_mirrors/go/go-generics-the-hard-way Go泛型是Go 1.18版本引入…...

编程新知 2026/5/15 4:10:13

2026年度成都App开发推荐榜单专业又靠谱，让你轻松选择最佳应用

在2026年度成都APP开发推荐榜单中&#xff0c;我们为您提供了一系列专业的开发团队。这些团队均具备丰富的行业经验&#xff0c;专注于满足用户需求和优化用户体验。不论是功能开发还是市场推广&#xff0c;推荐的企业都能提供高效且可靠的解决方案&#xff0c;确保您的项目能够…...

编程新知 2026/5/15 3:45:44

AR眼镜AI助手开发实战：多模态融合与iOS集成指南

1. 项目概述&#xff1a;当AI助手遇见AR眼镜最近在AR&#xff08;增强现实&#xff09;和AI&#xff08;人工智能&#xff09;的交叉领域&#xff0c;一个名为“noa-for-ios”的开源项目引起了我的注意。简单来说&#xff0c;它是一套为iOS设备开发的、专门面向AR眼镜的AI助手S…...

编程新知 2026/5/15 3:31:10