2024/11/21日 日志 关于AJAX & Axious异步框架 & JSON
1.2024/10/16 日 日志 --》关于MySQL的中 基础操作的整理以及 DQL的初步学习笔记与整理2.2024/10/17日 日志 --》关于MySQL中的 约束、多表查询的初步学习笔记与整理3.2024/10/18日 日志 --》关于MySQL中的 事务 以及JDBC的初步学习笔记与整理4.2024/10/19日 日志--》关于MySQL中 JDBC的API 详解的整理简述5.2024/10/21 日 日志 --》关于Mysql中的数据库连接池 简述笔记整理6.2024/10/22日 日志 --》关于Maven的基础学习 笔记整理7.2024/10/23日 日志--》关于Maven的基础学习--2 坐标与依赖范围8.2024/10/24日 日志 --》关于Mybatis的学习笔记整理 - 环境与性质 以及ResultMap9.2024/10/25日 日志 --》关于使用Mybatis进行增删改查 ---1 查询10.2024/10/26 日 使用Mybatic --》关于Mybatis 进行增删改查 ---2 添加、修改与删除11.2024/10/28日 使用Mybatic --》关于Mybatis 的参数传递与注解开发12.2024/10/29 HTML --》关于HTML的快速入门与标签13.2024/10/30 日 日志 --》关于CSS的学习14.2024/11/1日 日志 关于JavaScript简介&引入方式 以及基础语法的学习15.2024/11/4日 日志 关于JavaScript 变量、数据类型、类型转换和流程控制语句以及对象的学习16.2024/11/5日 日志 关于BOM浏览器对象模型和DOM文档对象模型的学习与笔记整理17.2024/11/6日 日志 正则表达式,web与HTTP18.2024/11/7日 日志 Tomcat简介&基本使用19.2024/11/8日 日志 关于Servlet ----（上）20.2024/11/11日 日志 关于Servlet ----HttpServlet（下）21.2024/11/12日 日志 关于Servlet ---- Request(请求)& Response(响应) 的补充22.2024/11/13日 日志 代码优化 以及 JSP 的快速入门、原理、脚本、缺点 和 EL表达式 以及 JSTL标签23.2024/11/14日 日志 关于 MVC 分层开发模式24.2024/11/15日 日志 关于 会话跟踪技术--- Cookie & Session25.2024/11/20日 日志 关于 Filter & Listener
26.2024/11/21日 日志 关于AJAX & Axious异步框架 & JSON
27.2024/11/27日 日志 关于Vue && Element28.JavaWeb案例整体分析---》差旅费报销管理信息系统->>题目详情29.JavaWeb案例整体分析---》差旅费报销管理信息系统->>登录与注册30.JavaWeb案例整体分析---》差旅费报销管理信息系统->>数据库操作和Mybatis配置以及pom.xml31.JavaWeb案例整体分析---》差旅费报销管理信息系统->>出差申请与报销部分32.2024/1/13日 日志 关于Vue && Element 的后续---》综合案例（1）33.2024/1/14日 日志 关于Vue && Element 的后续---》综合案例（2）34.2024/1/16日 日志 关于Vue && Element 的后续---》综合案例（4）35.2024/1/17日 日志 关于Vue && Element 的后续---》综合案例（5）36.2024/1/18日 日志 关于Vue && Element 的后续---》综合案例（6）37.2024/1/19日 日志 关于Vue && Element 的后续---》综合案例（7）38.2024/1/20日 日志 关于Vue && Element 的后续---》综合案例（8.1）39.2024/1/21日 日志 关于Vue && Element 的后续---》综合案例（8.2）40.2024/1/22日 日志 期末考试案例回顾与分析---》综合案例（1）41.2024/1/23日 日志 期末考试案例回顾与分析---》综合案例（2）42.2024/1/24日 日志 期末考试案例回顾与分析---》综合案例（3）43.2024/1/25日 日志 期末考试案例回顾与分析---》综合案例（4）44.2024/1/26日 日志 期末考试案例回顾与分析---》综合案例（5）45.2024/1/27日 日志 期末考试案例回顾与分析---》综合案例（6）46.2024/2/3日 日志 期末考试案例回顾与分析---》综合案例（7）47.2024/2/4日 日志 期末考试案例回顾与分析---》综合案例（8）48.2024/2/5日 日志 期末考试案例回顾与分析---》综合案例（9）49.2024/2/6日 日志 期末考试案例回顾与分析---》综合案例（10）50.2024/2/7日 日志 期末考试案例回顾与分析---》综合案例（汇总）51.2024/2/24日 日志 第一次测试案例分析(1)--题目52.2024/2/25日 日志 第一次测试案例分析(2)--数据库层面53.2024/2/26日 日志 第一次测试案例分析(3)--基础准备54.2024/2/27日 日志 第一次测试案例分析(4)--登录与注册和仓库方面AJAX
点击查看代码
-- AJAX
--
-- AJAX
-- 概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML
-- AJAX作用:
-- 1.与服务器进行数据交换:通过AJAX可以给服务器发送请求，并获取服务器响应的数据
-- 使用了AJAX和服务器进行通信，就可以使用 HTML+AJAX来替换JSP页面了
-- 2.异步交互:可以在不重新加载整个页面的情况下，与服务器交换数据并
-- 更新部分网页的技术，如:搜索联想、用户名是否可用校验，等等...
--
-- 同步 和 异步(xhr)
--
-- 同步和异步指的是服务器端和客户端之间的关系,(简单理解为是否是多线程操作)
--
-- AJAX快速入门
--
-- 1.编写AjaxServlet，并使用response输出字符串
-- 2.创建 XMLHttpRequest 对象:用于和服务器交换数据
-- var xmlhttp;
-- if(window.XMLHttpRequest) {
-- //code for lE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();
-- }else {
-- // code for IE6. IE5
-- xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"");
-- 3.向服务器发送请求
-- xmlhttp.open("GET"“url");
-- xmlhttp.send();/发送请求
-- 4.获取服务器响应数据
-- xmlhttp.onreadystatechange=function(){
-- if(xmlhttp.readyState ==4&& xmlhttp.status ==200){
-- alert(xmlhttp.responseText);
-- }
-- }
--
Axious异步框架
点击查看代码
-- Axios 异步框架
-- Axios 对原生的AJAX进行封装，简化书写官网:https://www.axios-http.cn
--
-- Axios 快速入门
-- 1.引入 axios 的js 文件
-- <script src="js/axios-0.18.0.js"></script>
-- 2.使用axios 发送请求，并获取响应结果
-- 例:
-- axios({
-- method:"get",
-- url:"http://localhost:8080/ajax-demo1/aJAXDemo1?username=zhangsan"
-- }).then(function (resp){
-- alert(resp.data);
-- })
-- axios({
-- method:"post",
-- url:"http://localhost:8080/ajax-demo1/aJAXDemo1",
-- data:"username=zhangsan"
-- }).then(function (resp){
-- alert(resp.data);
-- });
--
-- Axios 请求方式别名
-- 为了方便起见， Axios 已经为所有支持的请求方法提供了别名
-- axios.get(url[, config])
-- axios.delete(url[, config])
-- axios.head(url[, config])
-- axios.options(url[, config])
-- axios.post(url[, data[, config]])
-- axios.put(url[, data[, config]])
-- axios.patch(url[, data[, config]])
--
-- 发送 get请求
-- axios.get("url")
-- .then(function (resp){
-- alert(resp.data);
-- });
-- 发送 post请求
-- axios.post("ur!"“参数")
-- .then(tunction (resp){
-- alert(resp.data);
-- })
-- 方法名 作用
-- get(url) 发起GET方式请求
-- post(url,请求参数) 发起POST方式请求
--
JSON
点击查看代码
-- JSON
--
-- ·概念:JavaScript Object Notation。JavaScript 对象表示法
-- ·由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输
-- JavaScript对象
-- {
-- name: "zhangsan"
-- age: 23,
-- city:"北京"
-- }
-- JSON
-- {
-- "name": "zhangsan"
-- "age": 23,
-- "city":"北京”
-- }
--
--
-- JSON 基础语法
-- 定义:
-- var 变量名={"key1":value1,
-- "key2": value2,
-- ...
-- };
-- 示例:
-- var json = {"name": "zhangsan",
-- "age": 23,
-- "addr":["北京”,“上海”,“西安”]
-- };
-- 获取数据:
-- 变量名.key
-- 如: json.name
--
-- value 的数据类型为:
-- -> 数字(整数或浮点数)
-- -> 字符串(在双引号中)
-- -> 逻辑值(true 或 false)
-- -> 数组(在方括号中)对象(在花括号中)
-- -> null
--
-- JSON数据和Java对象转换
-- · 请求数据:JSON字符串转为Java对象
-- · 响应数据:Java对象转为JSON字符串
--
-- · Fastjson是阿里巴巴提供的一个ava语言编写的高性能功能完善的JSON库，
-- 是目前Java语言中最快的JSON库，可以实现Java对象和JSON字符串的相互转换。
-- · 使用:
-- 1.导入坐标
-- <dependency>
-- <groupld>com.alibaba</groupld>
-- <artifactld>fastison</artifactld>
-- <version>1.2.62</version></dependency>
-- 2.Java对象转JSON
-- String jsonStr = JsoN.toJsONString(obj);
-- 3.JSON字符串转Java对象
-- User user=jSON.parseObiect(isonStr, User.class);
--
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· DeepSeek在M芯片Mac上本地化部署