AjaxAxios

news/2024/5/9 12:55:44

Ajax

注:AJAX很少使用,现在都使用更简单的Axios所以只需要了解Ajax即可

概念

AJAX,全称“Asynchronous JavaScript and XML”(异步JavaScript和XML)

作用:

  • 与服务器进行数据交换,通过Ajax可以给服务器发送请求,并获取服务器响应的数据。
  • 异步交换:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。

入门

AJAX不是一种新的编程语言,而是一种使用现有标准的新方法。

首先以Servlet方式编写

  1. 编写AjaxServlet,并使用response输出字符串
@Webservlet("/ajaxServlet" )
public class AjaxServlet extends Httpservlet {@overrideprotected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException{//响应数据response.getWriter().write("Hello Ajax");}
}
  1. 创建XMLHttpRequest对象:用于和服务器交换数据
var xmlhttp;
if(window.XMLHttpRequest){xmlhttp = new XMLHttpRequest();
}else{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
  1. 向服务器发送数据
xmlhttp.open("GET","url");
xmlhttp.send();//发送请求
  1. 获取服务器响应数据
xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState == 4 && xmlhttp.status == 200){alert(xmlhttp.responseText);}
}

Axios

前面的AJAX的代码很复杂,所以Axios对其进行了封装,简化了书写

使用方法

以向localhost:8080/test/ajaxTest这个地址发送username这个属性

  1. 引入axios的js文件
<script src="js/axios-0.18.0.js"><script>
  1. 使用axios发送请求,并获取响应结果
axios({method:"get",url:"http://localhost:8080/test/ajaxTest?username=zhangsan"
}).then(function(resp){alert(resp.data);
})
axios({method:"post",url:"http://localhost:8080/test/ajaxTest",data:"username=zhangsan"
}).then(function(resp){alert(resp.data);
});
  1. 为了方便axios为所有的请求方法起别名
//发送get请求
axios.get("url").then(function(resp){alert(resp.data);
});
//发送post请求
axios.post("url","参数").then(function(resp){alert(resp.data);
});

http://www.mrgr.cn/p/21103734

相关文章

Java并发编程:ThreadPoolExecutor详细源码解析与应用

Thread直接创建线程的弊端 在开始解析ThreadPoolExecutor类之前&#xff0c;让我们先来了解直接创建线程所带来的弊端。在Java中&#xff0c;线程是资源密集型对象&#xff0c;每当需要并发执行任务时&#xff0c;直接创建新线程会带来以下问题&#xff1a; 资源消耗 每个线…

使用 ForAttributeWithMetadataName 提高 IIncrementalGenerator 增量 Source Generator 源代码生成开发效率和性能

本文将告诉大家如何使用 ForAttributeWithMetadataName 方法用来提高 IIncrementalGenerator 增量 Source Generator 源代码生成的开发效率以及提高源代码生成器的运行效率这是一个在 2022 的 6 月 15 才合入的新功能。原因是 Roslyn 团队发现了大量的源代码生成器和分析器项目…

新媒体运营-----短视频运营-----PR视频剪辑----软件基础

新媒体运营-----短视频运营-----PR视频剪辑-----持续更新(进不去说明我没写完)&#xff1a;https://blog.csdn.net/grd_java/article/details/138079659 文章目录 1.1 PR软件重置与初始化设置1.2 新建项目及序列设置1.3 PR工作区的管理方法1.4 导入4K超高清视频并与ME配合工作1…

Devops基本概念和原理,什么是 DevOps? DevOps 介绍

Devops基本概念和原理,什么是 DevOps? DevOps 介绍Devops基本概念和原理,什么是 DevOps? DevOps 介绍 一、什么是DevOps 1、 DevOps概述 DevOps,即Development and Operations,是一组过程、方法与系统的统称,用于促进软件开发、运维和质量保障部门之间的沟通、协作与整合…

矩阵树定理 BEST 定理

傲慢的青蛙矩阵树定理 \(\text{BEST}\) 定理 证明很复杂,连 \(\text{cmd}\) 这种无敌神犇都不会,而且对定理本身的可扩展性几乎为 \(0\),即每次套用的定理都跟模板一模一样。 矩阵树 无论任何情况,一定要不能有自环 无论任何情况,一定要不能有自环 无论任何情况,一定要不…

T1级,生产环境事故—Shell脚本一键备份K8s的YAML文件

大家好&#xff0c;我叫秋意零。 最近对公司进行日常运维工作时&#xff0c;出现了一个 T1 级别事故。导致公司的“酒云网”APP的无法使用。我和我领导一起搞了一个多小时&#xff0c;业务也停了一个多小时。 起因是&#xff1a;我的部门直系领导&#xff0c;叫我**删除一个 …

深入分析nginx偶尔502错误根因-以及常见错误总结

以架构师的能力标准去分析每个问题&#xff0c;过后由表及里分析问题的本质&#xff0c;复盘总结经验&#xff0c;并把总结内容记录下来。当你解决各种各样的问题&#xff0c;也就积累了丰富的解决问题的经验&#xff0c;解决问题的能力也将自然得到极大的提升。励志做架构师的…

二项式系数

火大二项式系数 更完整的思考过程以及代数推理过程都可以看数学书,所以我尽量给每个式子都赋予组合意义。 因为在有足够强的代数推理能力之前,没有组合意义往往是困难的。 恒等式赋予组合意义往往都是左边右边分开找意义。 常见公式: \[\begin{aligned} \binom{n}{k}&=\…

Verilog2001中bit slicing特性

1、问题来源 HDLBits题目:Mux256to1v 实现256-1且位宽为4的多路选择器 从下图可以发现,直接使用in[ sel4+3 : sel4 ]是不行的,会报错2、两种解决方法利用bit slicing特性 bit slicing特性的内容可以参考link1module top_module( input [1023:0] in,input [7:0] sel,output […

TODO-力扣-661. 图片平滑器

1.题目 题目地址(661. 图片平滑器 - 力扣(LeetCode)) https://leetcode.cn/problems/image-smoother/ 题目描述 图像平滑器 是大小为 3 x 3 的过滤器,用于对图像的每个单元格平滑处理,平滑处理后单元格的值为该单元格的平均灰度。 每个单元格的 平均灰度 定义为:该单元格…

力扣-提交执行报错类型

1.参考 参考链接:提交执行报错 1.1 超出内存限制1.2 数组访问越界1.3 初始化有误1.4 递归基线错误

uniapp H5实现签名

第一种&#xff1a;跳转签名页面 1、创建审核页面audit.vue <template><view><uni-section title""><view class"auditClass"><uni-forms :model"baseFormData" ref"baseFormRef" :rules"rules&quo…

zigbee开发,低功耗,通信加密开发

一。低功耗 1.低功耗应用场景1、不利于更换电池的设备2、手持便携设备3、实时性要求不高的设备 2.低功耗工作原理1、时钟降至最低2、暂时不用的外设关闭、需要在启动3、I/O配置 用电情况可以简化为: 等一会运行一下。 3.zigbee实现低功耗 1.协调器+路由器+终端 补充:CC2530(…

爽了!免费的SSL,还能自动续期!

作者:小傅哥 博客:https://bugstack.cn沉淀、分享、成长,让自己和他人都能有所收获!😄大家好,我是技术UP主小傅哥。 兄弟👬🏻,当你手里有不少域名,每个域名又配置子域名,那么ssl将是一笔不小的费用。当然各个云厂商,也都有提供免费的ssl证书,但这里有一个问题,…

【C++】---STL之list的模拟实现

【C】---STL之list的模拟实现 一、list模拟实现思路二、结点类的实现三、list迭代器的实现1、ListIterator类2、构造函数3、operator*运算符重载5、operator->运算符重载6、operator&#xff01;运算符重载7、operator运算符重载8、前置9、后置10、前置--11、后置-- 四、lis…

华为云Stack8.3面向香港正式发布,六大亮点激发云上跃迁

近日,在华为云香港峰会2024上,华为混合云副总裁胡玉海面向香港市场发布华为云Stack8.3,提供110+本地云服务和六大亮点,帮助中国香港政企持续提升用云深度,激发业务创新。本文分享自华为云社区《华为云Stack8.3面向香港正式发布,六大亮点激发云上跃迁》,作者:华为云头条…

【AIGC调研系列】Bunny-Llama-3-8B-V与其他多模态大模型相比的优劣

Bunny-Llama-3-8B-V作为基于Llama-3的多模态大模型&#xff0c;其优势主要体现在以下几个方面&#xff1a; 性能超越其他模型&#xff1a;根据我搜索到的资料&#xff0c;Bunny-Llama-3-8B-V在多个主流Benchmark上表现良好&#xff0c;超越了LLaVA-7B、LLaVA-13B、Mini-Gemini…

抽象的代理模式1.0版本

前言&#xff1a; 在阅读Spring Security官方文档时&#xff0c;里面设计到了一种设计模式——代理模式Proxy 众里寻她千百度&#xff0c;蓦然回首&#xff0c;那人却在灯火阑珊处 开始 在之前的文章里陈述了一个观点——编程语言和语言没有区别 现看看我们日常生活中的代理…

怎么设置 idea terminal 窗口的编码格式

1 修改Terminal 窗口为 Git bash 窗口 打开 settings 设置界面&#xff0c;选择 Tools 中的 Terminal (File -> settings -> Tools -> Terminal) 修改 Shell path 为你的 Git bash 安装路径&#xff0c;我的在 C:\my_software\java\Git\bin\bash.exe 2 解决中文显示…

python r代表什么意思

r/R&#xff0c;即raw的缩写&#xff0c;意思是未经加工的&#xff1b;自然状态的&#xff1b;未经处理的&#xff1b;未经分析的&#xff1b;原始的。 在Python中r/R表示非转义的原始字符串。与普通字符相比&#xff0c;其他相对特殊的字符&#xff0c;其中可能包含转义字符&…