Web阶段八：Ajax
2024-04-24 14:11:13
一、思维导图
二、重点知识点
- AJAX
- 概念： ASynchronous JavaScript And XML异步的JavaScript 和 XML
- 异步和同步：客户端和服务器端相互通信的基础上
- 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
- 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
提升用户的体验
- 异步和同步：客户端和服务器端相互通信的基础上
- 实现方式：
- 原生的JS实现方式（了解）
- JQeury实现方式
- $.ajax()
- 语法：$.ajax({键值对});
- $.get()：发送get请求
- 语法：$.get(url, [data], [callback], [type])
- 参数：
- url：请求路径
- data：请求参数
- callback：回调函数
- type：响应结果的类型
- 参数：
- 语法：$.get(url, [data], [callback], [type])
- $.post()：发送post请求
- 语法：$.post(url, [data], [callback], [type])
- 参数：
- url：请求路径
- data：请求参数
- callback：回调函数
- type：响应结果的类型
- 参数：
- 语法：$.post(url, [data], [callback], [type])
- $.ajax()
- 概念： ASynchronous JavaScript And XML异步的JavaScript 和 XML
- JSON
- 概念：JavaScript Object Notation JavaScript对象表示法
- json现在多用于存储和交换文本信息的语法
- 进行数据的传输
- JSON 比 XML 更小、更快，更易解析。
- 语法：
- 基本规则
- 数据在名称/值对中：json数据是由键值对构成的
- 键用引号(单双都行)引起来，也可以不使用引号
- 值的取值类型：
- 数字（整数或浮点数）
- 字符串（在双引号中）
- 逻辑值（true 或 false）
- 数组（在方括号中） {“persons”:[{},{}]}
- 对象（在花括号中） {“address”:{“province”：“陕西”…}}
- null
- 数据由逗号分隔：多个键值对由逗号分隔
- 花括号保存对象：使用{}定义json 格式
- 方括号保存数组：[]
- 数据在名称/值对中：json数据是由键值对构成的
- 获取数据:
- json对象.键名
- json对象[“键名”]
- 数组对象[索引]
- 遍历
- 基本规则
- JSON数据和Java对象的相互转换
- JSON解析器：
- 常见的解析器：Jsonlib，Gson，fastjson，jackson
- JSON转为Java对象
- 导入jackson的相关jar包
- 创建Jackson核心对象 ObjectMapper
- 调用ObjectMapper的相关方法进行转换
- readValue(json字符串数据,Class)
- Java对象转换JSON
- 使用步骤：
- 导入jackson的相关jar包
- 创建Jackson核心对象 ObjectMapper
- 调用ObjectMapper的相关方法进行转换
- 转换方法：
- writeValue(参数1，obj):
参数1：
File：将obj对象转换为JSON字符串，并保存到指定的文件中
Writer：将obj对象转换为JSON字符串，并将json数据填充到字符输出流中
OutputStream：将obj对象转换为JSON字符串，并将json数据填充到字节输出流中 - writeValueAsString(obj):将对象转为json字符串
- writeValue(参数1，obj):
- 转换方法：
- 注解：
- @JsonIgnore：排除属性
- @JsonFormat：属性值的格式化
- @JsonFormat(pattern = “yyyy-MM-dd”)
- 复杂java对象转换
- List：数组
- Map：对象格式一致
- 使用步骤：
- JSON解析器：
- 概念：JavaScript Object Notation JavaScript对象表示法
- Redis
- 概念： redis是一款高性能的NOSQL系列的非关系型数据库
- 什么是NOSQL
NoSQL(NoSQL = Not Only SQL)，意即“不仅仅是SQL”，是一项全新的数据库理念，泛指非关系型的数据库。
随着互联网web2.0网站的兴起，传统的关系数据库在应付web2.0网站，特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心，暴露了很多难以克服的问题，而非关系型的数据库则由于其本身的特点得到了非常迅速的发展。NoSQL数据库的产生就是为了解决大规模数据集合多重数据种类带来的挑战，尤其是大数据应用难题。- NOSQL和关系型数据库比较
优点：
1）成本：nosql数据库简单易部署，基本都是开源软件，不需要像使用oracle那样花费大量成本购买使用，相比关系型数据库价格便宜。
2）查询速度：nosql数据库将数据存储于缓存之中，关系型数据库将数据存储在硬盘中，自然查询速度远不及nosql数据库。
3）存储数据的格式：nosql的存储格式是key,value形式、文档形式、图片形式等等，所以可以存储基础类型以及对象或者是集合等各种格式，而数据库则只支持基础类型。
4）扩展性：关系型数据库有类似join这样的多表查询机制的限制导致扩展很艰难。
缺点：
1）维护的工具和资料有限，因为nosql是属于新的技术，不能和关系型数据库10几年的技术同日而语。
2）不提供对sql的支持，如果不支持sql这样的工业标准，将产生一定用户的学习和使用成本。
3）不提供关系型数据库对事务的处理。 - 非关系型数据库的优势：
1）性能NOSQL是基于键值对的，可以想象成表中的主键和值的对应关系，而且不需要经过SQL层的解析，所以性能非常高。
2）可扩展性同样也是因为基于键值对，数据之间没有耦合性，所以非常容易水平扩展。 - 关系型数据库的优势：
1）复杂查询可以用SQL语句方便的在一个表以及多个表之间做非常复杂的数据查询。
2）事务支持使得对于安全性能很高的数据访问要求得以实现。对于这两类数据库，对方的优势就是自己的弱势，反之亦然。 - 总结
关系型数据库与NoSQL数据库并非对立而是互补的关系，即通常情况下使用关系型数据库，在适合使用NoSQL的时候使用NoSQL数据库，
让NoSQL数据库对关系型数据库的不足进行弥补。
一般会将数据存储在关系型数据库中，在nosql数据库中备份存储关系型数据库的数据
- NOSQL和关系型数据库比较
- 主流的NOSQL产品
• 键值(Key-Value)存储数据库
相关产品： Tokyo Cabinet/Tyrant、Redis、Voldemort、Berkeley DB
典型应用： 内容缓存，主要用于处理大量数据的高访问负载。
数据模型： 一系列键值对
优势： 快速查询
劣势： 存储的数据缺少结构化
• 列存储数据库
相关产品：Cassandra, HBase, Riak
典型应用：分布式的文件系统
数据模型：以列簇式存储，将同一列数据存在一起
优势：查找速度快，可扩展性强，更容易进行分布式扩展
劣势：功能相对局限
• 文档型数据库
相关产品：CouchDB、MongoDB
典型应用：Web应用（与Key-Value类似，Value是结构化的）
数据模型： 一系列键值对
优势：数据结构要求不严格
劣势： 查询性能不高，而且缺乏统一的查询语法
• 图形(Graph)数据库
相关数据库：Neo4J、InfoGrid、Infinite Graph
典型应用：社交网络
数据模型：图结构
优势：利用图结构相关算法。
劣势：需要对整个图做计算才能得出结果，不容易做分布式的集群方案。 - 什么是Redis
Redis是用C语言开发的一个开源的高性能键值对（key-value）数据库，官方提供测试数据，50个并发执行100000个请求,读的速度是110000次/s,写的速度是81000次/s ，且Redis通过提供多种键值数据类型来适应不同场景下的存储需求，目前为止Redis支持的键值数据类型如下：
1) 字符串类型 string
2) 哈希类型 hash
3) 列表类型 list
4) 集合类型 set
5) 有序集合类型 sortedset- redis的应用场景
• 缓存（数据查询、短连接、新闻内容、商品内容等等）
• 聊天室的在线好友列表
• 任务队列。（秒杀、抢购、12306等等）
• 应用排行榜
• 网站访问统计
• 数据过期处理（可以精确到毫秒
• 分布式集群架构中的session分离
- redis的应用场景
- 什么是NOSQL
- 下载安装
- 官网：https://redis.io
- 中文网：http://www.redis.net.cn/
- 解压直接可以使用：
- redis.windows.conf：配置文件
- redis-cli.exe：redis的客户端
- redis-server.exe：redis服务器端
- 命令操作
- redis的数据结构：
- redis存储的是：key,value格式的数据，其中key都是字符串，value有5种不同的数据结构
- value的数据结构：
- 字符串类型 string
- 哈希类型 hash ： map格式
- 列表类型 list ： linkedlist格式。支持重复元素
- 集合类型 set ： 不允许重复元素
- 有序集合类型 sortedset：不允许重复元素，且元素有顺序
- value的数据结构：
- redis存储的是：key,value格式的数据，其中key都是字符串，value有5种不同的数据结构
- 字符串类型 string
- 存储： set key value
127.0.0.1:6379> set username zhangsan
OK - 获取： get key
127.0.0.1:6379> get username
“zhangsan” - 删除： del key
127.0.0.1:6379> del age
(integer) 1
- 存储： set key value
- 哈希类型 hash
- 存储： hset key field value
127.0.0.1:6379> hset myhash username lisi
(integer) 1
127.0.0.1:6379> hset myhash password 123
(integer) 1 - 获取：
- hget key field: 获取指定的field对应的值
127.0.0.1:6379> hget myhash username
“lisi” - hgetall key：获取所有的field和value
127.0.0.1:6379> hgetall myhash- “username”
- “lisi”
- “password”
- “123”
- hget key field: 获取指定的field对应的值
- 删除： hdel key field
127.0.0.1:6379> hdel myhash username
(integer) 1
- 存储： hset key field value
- 列表类型 list:可以添加一个元素到列表的头部（左边）或者尾部（右边）
- 添加：
- lpush key value: 将元素加入列表左边
- rpush key value：将元素加入列表右边
127.0.0.1:6379> lpush myList a
(integer) 1
127.0.0.1:6379> lpush myList b
(integer) 2
127.0.0.1:6379> rpush myList c
(integer) 3
- 获取：
- lrange key start end ：范围获取
127.0.0.1:6379> lrange myList 0 -1- “b”
- “a”
- “c”
- lrange key start end ：范围获取
- 删除：
- lpop key： 删除列表最左边的元素，并将元素返回
- rpop key： 删除列表最右边的元素，并将元素返回
- 添加：
- 集合类型 set ： 不允许重复元素
- 存储：sadd key value
127.0.0.1:6379> sadd myset a
(integer) 1
127.0.0.1:6379> sadd myset a
(integer) 0 - 获取：smembers key:获取set集合中所有元素
127.0.0.1:6379> smembers myset- “a”
- 删除：srem key value:删除set集合中的某个元素
127.0.0.1:6379> srem myset a
(integer) 1
- 存储：sadd key value
- 有序集合类型 sortedset：不允许重复元素，且元素有顺序.每个元素都会关联一个double类型的分数。redis正是通过分数来为集合中的成员进行从小到大的排序。
- 存储：zadd key score value
127.0.0.1:6379> zadd mysort 60 zhangsan
(integer) 1
127.0.0.1:6379> zadd mysort 50 lisi
(integer) 1
127.0.0.1:6379> zadd mysort 80 wangwu
(integer) 1 - 获取：zrange key start end [withscores]
127.0.0.1:6379> zrange mysort 0 -1- “lisi”
- “zhangsan”
- “wangwu”
127.0.0.1:6379> zrange mysort 0 -1 withscores - “zhangsan”
- “60”
- “wangwu”
- “80”
- “lisi”
- “500”
- 删除：zrem key value
127.0.0.1:6379> zrem mysort lisi
(integer) 1
- 存储：zadd key score value
- 通用命令
- keys * : 查询所有的键
- type key ： 获取键对应的value的类型
- del key：删除指定的key value
- redis的数据结构：
- 持久化
- redis是一个内存数据库，当redis服务器重启，获取电脑重启，数据会丢失，我们可以将redis内存中的数据持久化保存到硬盘的文件中。
- redis持久化机制：
- RDB：默认方式，不需要进行配置，默认就使用这种机制
- 在一定的间隔时间中，检测key的变化情况，然后持久化数据
- 编辑redis.windwos.conf文件
- 重新启动redis服务器，并指定配置文件名称
redis-server.exe redis.windows.conf
- AOF：日志记录的方式，可以记录每一条命令的操作。可以每一次命令操作后，持久化数据
- 编辑redis.windwos.conf文件
- RDB：默认方式，不需要进行配置，默认就使用这种机制
- Java客户端 Jedis
- Jedis: 一款java操作redis数据库的工具.
- 使用步骤：
- 下载jedis的jar包
- 使用
- Jedis操作各种redis中的数据结构
- 字符串类型 string
set
get - 哈希类型 hash ： map格式
hset
hget
hgetAll - 列表类型 list ： linkedlist格式。支持重复元素
lpush / rpush
lpop / rpop
lrange start end : 范围获取 - 集合类型 set ： 不允许重复元素
sadd
smembers:获取所有元素 - 有序集合类型 sortedset：不允许重复元素，且元素有顺序
zadd
zrange
- 字符串类型 string
- jedis连接池： JedisPool
- 使用：
- 创建JedisPool连接池对象
- 调用方法 getResource()方法获取Jedis连接
- 使用：
- 注意：使用redis缓存一些不经常发生变化的数据。
- 数据库的数据一旦发生改变，则需要更新缓存。
- 数据库的表执行 增删改的相关操作，需要将redis缓存数据情况，再次存入
- 在service对应的增删改方法中，将redis数据删除。
- 数据库的数据一旦发生改变，则需要更新缓存。
- 概念： redis是一款高性能的NOSQL系列的非关系型数据库
- maven
- 概念
Maven 是一个项目管理工具，它包含了一个项目对象模
型 (POM：Project Object Model)，一组标准集合，一个项目生命周期(Project Lifecycle)，一个依赖管
理系统(Dependency Management System)，和用来运行定义在生命周期阶段(phase)中插件(plugin)目标
(goal)的逻辑。 - 作用
代码重用 - 功能
- 依赖管理：
maven工程对jar包的管理过程 - 项目的一键构建：
使用 maven 一个命令，从编译、测试、运行、打包、安装 、部署整个过程都交给 maven 进行管理
- 依赖管理：
- 下载
官网：https://maven.apache.org/download.cgi - 安装
解压
配置环境变量 - Maven 仓库
分类
本地仓库 ：用来存储从远程仓库或中央仓库下载的插件和 jar 包，项目使用一些插件或 jar 包，
优先从本地仓库查找
默认本地仓库位置在 user.dir/.m2/repository，{user.dir}/.m2/repository，user.dir/.m2/repository，{user.dir}表示 windows 用户目录。
远程仓库：如果本地需要插件或者 jar 包，本地仓库没有，默认去远程仓库下载。
远程仓库可以在互联网内也可以在局域网内。
中央仓库 ：在 maven 软件中内置一个远程仓库地址 http://repo1.maven.org/maven2 ，它是中
央仓库，服务于整个互联网，它是由 Maven 团队自己维护，里面存储了非常全的 jar 包，它包
含了世界上大部分流行的开源项目构件。 - Maven 常用命令
- compile
compile 是 maven 工程的编译命令，作用是将 src/main/java 下的文件编译为 class 文件输出到 target目录下。 - test
test 是 maven 工程的测试命令 mvn test，会执行 src/test/java 下的单元测试类。 - clean
clean 是 maven 工程的清理命令，执行 clean 会删除 target 目录及内容。 - package
package 是 maven 工程的打包命令，对于 java 工程执行 package 打成 jar 包，对于 web 工程打成 war包。 - install
nstall 是 maven 工程的安装命令，执行 install 将 maven 打成 jar 包或 war 包发布到本地仓库。
从运行结果中，可以看出：
当后面的命令执行时，前面的操作过程也都会自动执行 - deploy
在本地的pom文件配置好之后，执行deploy命令，可以将maven所打的jar包上传到远程的repository，便于其他开发者和工程共享。
- Maven 指令的生命周期
Clean Lifecycle 在进行真正的构建之前进行一些清理工作。
Default Lifecycle 构建的核心部分，编译，测试，打包、安装、部署等等。
Site Lifecycle 生成项目报告，站点，发布站点。 - maven 的概念模型
项目对象模型 (Project Object Model)
一个 maven 工程都有一个 pom.xml 文件，通过 pom.xml 文件定义项目的坐标、项目依赖、项目信息、
插件目标等。
依赖管理系统(Dependency Management System)
通过 maven 的依赖管理对项目所依赖的 jar 包进行统一管理。
一个项目生命周期(Project Lifecycle)
使用 maven 完成项目的构建，项目构建包括：清理、编译、测试、部署等过程，maven 将这些过程规范为一个生命周期
一组标准集合
maven 将整个项目管理过程定义一组标准，比如：通过 maven 构建工程有标准的目录结构，有标准的生命周期阶段、依赖管理有标准的坐标定义等。
插件(plugin)目标(goal)
maven 管理项目生命周期过程都是基于插件完成的。
- compile
- idea 开发maven 项目
- 概念
Web阶段八：Ajax相关推荐
- 大数据WEB阶段（八）Tomcat服务器安装与详解、HTTP协议详解
Tomcat 一. 服务器 动态web资源运行需要服务器环境 客户端发送请求到服务器 , 服务器调用动态web资源 Servlet容器 . web容器 .服务器 Servlet容器 java中的动态资 ...
- Web阶段--Servlet基础知识点
Web阶段–Servlet基础知识点 一.静态页面与动态页面 1.静态页面 概念:在Web模型中,页面中的信息是在html文件中定义好的,数据不会改变,称为"静态页面",无法根据用 ...
- Web阶段--Oracle数据库基础知识点
Web阶段–Oracle数据库基础知识点 一.数据库 1.定义 是一个数据存储管理的软件,全称rdbms(关系数据库管理系统),简称数据库(db) 2.为什么需要应用数据库? 1.现有文本文件存放数据 ...
- Web API With AJAX: Handle Session in Web API
Web API With AJAX: Handle Session in Web API 转载于:https://www.cnblogs.com/caojinqin/p/4642016.html
- 大数据WEB阶段 TransientDateAccessResourceException
大数据WEB阶段 TransientDateAccessResourceException 一 . 分析 如果数据库保存的字段有时间 , 但是没有给该字段赋值时 ,则该字段默认是0000-00-00 ...
- 大数据WEB阶段（九）Servlet+Request
Servlet与Request 一.概述 Servlet 是sun公司提供的一门用于开发动态web资源的技术 按照这套规范写出来的servlet可以放置在web应用中在servlet容器中运行 . 开 ...
- 黑马数据库html阶段考试,黑马web阶段web试题学生版.docx
Web 阶段 Web 试题 1. 动态网站的开发技术有 (A) JSP HTML CSS JavaScript 下面哪个请求头信息可以实现防盗链 (C) Location Refresh Refere ...
- ros中web端通过 ajax 访问 nginx 加载静态 pgm 地图显示在canvas画布中
ros中web端通过 ajax 访问 nginx 加载静态 pgm 地图显示在canvas画布中 //mapName:地图名称 | robotfloor:楼层if(mapName.length ==0 ...
- Java web阶段学习总结(华清远见)
标题Java web阶段学习总结 经过web前端的学习之后,我们开启了Java web后端的学习. 学习一样新的东西首先要了解它的原理,以及所要具备的一些条件.对于Servlet 的开发步骤一般有:新 ...
最新文章
- 机器学习--局部加权线性回归
- 如果你是Python初学者，就从这个开始
- 智源社区AI周刊·第二期：过去一周AI领域的新鲜事
- java itextsharp_使用 c#中的 itextsharp 以 pdf 格式填充 xml
- 基于边缘计算的实时绩效_基于绩效的营销中的三大错误
- matlab线性拉伸函数,采用线性变换对图像的每一个像素灰度作线性拉伸-Read.PPT
- 初中位似图形作图_教师资格证面试中，哪些篇目最容易抽到？(初中数学篇）...
- html做3d游戏进微波,射频微波电路设计.html（350页）-原创力文档
- matlab层次分析法程序购置设备,[转载]MATLAB实现层次分析程序
- 终于换了杀毒工具（NOD32教育网升级）
- 没有钱,能做什么呢?(转载)
- multipart form-data boundary 说明
- 深入JVM-性能监控工具
- listenfd ---- accept事件
- Fission for Mac(简易音频编辑软件)附注册码 v2.4.5激活版
- 【编程马拉松】【011-鸽兔同校】
- javascript开发简易画板
- golang单元测试：testing包的基本使用
- android 各个存储、储存路径及获取方法总结
- 一步步构建自己的智能合约