第 1 章:原生 AJAX
原生AJAX
1. AJAX 简介
- AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。
- 通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。
- AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。
2. XML 简介
-
XML (Extensible Markup Language)可扩展标记语言。
-
XML 被设计用来传输和存储数据。
-
XML 和 HTML 类似,不同的是 HTML 中都是预定义标签,而 XML 中没有预定义标签,全都是自定义标签,用来表示一些数据。
-
比如说我有一个学生数据:name = “孙悟空” ; age = 18 ; gender = “男” ;
用 XML 表示:
<student><name>孙悟空</name><age>18</age><gender>男</gender>
</student>
- 现在已经被 JSON 取代了。
用 JSON 表示:
{"name":"孙悟空","age":18,"gender":"男"}
3. AJAX 的特点
3.1 AJAX 的优点
- 可以无需刷新页面而与服务器端进行通信。
- 允许你根据用户事件来更新部分页面内容。
3.2 AJAX 的缺点
- 没有浏览历史,不能回退
- 存在跨域问题(同源)
- SEO 不友好
4. HTTP
HTTP(hypertext transport protocol)协议【超文本传输协议】,协议详细规定了浏览器和万维网服务器之间互相通信的规则。
4.1 请求报文

4.2 响应报文

4.3 Chrome网络控制台产看通信报文
网页F12打开控制台 -> Network -> Headers

5. NodeJS的安装与介绍
Node.js基础
6. express框架介绍与基本使用
因为ajax要向服务端发送请求,所以我们这里用express模拟一下服务端
6.1 express的安装
- 初始化npm包管理工具:
npm init --yes - 安装express:
npm i express
6.2 使用express
// 1. 引入express
const express = require('express');// 2. 创建应用对象
const app = express();// 3. 创建路由规则
app.get('/', (request, response) => {response.send('hello express');
}// 4. 监听端口启动服务
app.listen(8000, () => {console.log("服务已经启动,8000端口监听中……);
}
6.3 启动服务
右键js文件打开终端输入:node 文件名.js

相关文章:
第 1 章:原生 AJAX
原生AJAX 1. AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。AJAX 不是新的编程语言,而是一种将现有的标准组合在一…...
【代码随想录|贪心part04以后——重叠区间】
代代码随想录|贪心part04以后——重叠区间 一、part041、452.用最少数量的箭引爆气球2、435. 无重叠区间2、763.划分字母区间3、56. 合并区间4、738.单调递增的数字总结python 一、part04 1、452.用最少数量的箭引爆气球 452. 用最少数量的箭引爆气球 class Solution:def f…...
Denodo 连续 4 年获评 Gartner® 数据集成工具魔力象限™ 领导者
Gartner 在其 2023 年数据集成工具魔力象限中连续第四年将 Denodo 评为“领导者”。 Gartner 表示:“由于对数据编织架构、数据产品交付以及支持生成式 AI 的集成数据的需求即将到来,数据集成工具市场正在蓬勃发展。数据和分析领导者应该利用这项研究来…...
WHAT - React 函数与 useMemo vs useCallback
目录 一、介绍useMemo 与 useCallback 的区别示例代码useMemo 示例useCallback 示例 总结 二、当一个函数被作为依赖项useMemo 和 useCallback 的适用情况选择使用 useCallback 或 useMemo总结实际例子 一、介绍 在 React 中,useMemo 和 useCallback 是两个用于性能…...
系统分析师7:数学与经济管理
文章目录 1 图论应用1.1 最小生成树1.2 最短路径1.3 网络与最大流量 2 运筹方法2.1 线性规划2.2 动态规划2.2.1 供需平衡问题2.2.2 任务指派问题 3 预测与决策3.1 不确定型决策分析3.2 风险型决策3.2.1 决策树3.2.2 决策表 4 随机函数5 数学建模 1 图论应用 ①最小生成树 连接…...
一套简约的qt 蓝色qss方案
一套简约的qt 蓝色qss方案 直接使用qss代码 QMenu {background: qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 rgba(255, 255, 255, 240),stop:0.2 rgba(255, 255, 255, 200),stop:0.6 rgba(255, 255, 255, 160),stop:1 rgba(255, 255, 255, 120));qproperty-effect: blur…...
OCSP原理及实践
1.OCSP介绍 在PKI体系中,CA机构颁发合法的证书。使用者可以使用CA根证书验证该证书是否被篡改过,但无法从证书文件验证出证书是否被吊销。因此CA机构会通过发布CRL(Certificate Revocation List)来告知所有人,哪些证书…...
前端流程图框架
1、Mermaid: Mermaid 是一个用于绘制流程图、时序图、甘特图等的纯 JavaScript 库。它使用简单的文本语法来定义图表结构,支持多种类型的流程图,易于集成到网页中。 2、Draw.io: Draw.io 是一个在线的流程图绘制工具࿰…...
13.6 编写go代码接收webhook的告警发送钉钉
本节重点介绍 : 使用钉钉机器人发送到钉钉群通过alertmanager webhook发送我们自定义的go程序中解析alert对象并拼接钉钉信息发送 需求分析 使用钉钉机器人发送到钉钉群 钉钉机器人发送群消息 文档地址 通过webhook发送我们自定义的go程序中 然后解析发过来的alert&#x…...
codetest
1、寻找身高相近的小朋友 #include <iostream> #include <bits/stdc.h>using namespace std;//寻找身高相近的小朋友//输入,第一行两个整数,分别是小明身高,其他小伙伴个数,第二行是其他小伙伴的身高 //100 10 //95 …...
MyBatis-Plus拦截器接口InnerInterceptor失效?因MyBatis缓存机制而踩的一个深坑
InnerInterceptor 接口是 MyBatis-Plus 提供的一个拦截器接口,用于实现一些常用的 SQL 处理逻辑。例如某个组件运作在多系统的平台上,不同系统需要隔离,于是可以通过这个拦截器接口,给每一条要执行的sql末尾拼接一个AND systemId …...
jmeter之计数器
计数器作用: 对于自增长的数字,可以使用计数器实现 一、添加计数器及参数说明 添加计数器 计数器参数说明 Starting value:给定计数器的起始值、初始值,第一次迭代时,会把该值赋给计数器 递增:每次迭代…...
协议集合(学习笔记)
按照数据的传送方式,通信协议可分为以下2种。 串行通信:串行(Serial)指的是逐个传输数据位,一次只传输一个位。 并行通信:并行(Parallel)指的是同时传输多个数据位,一次…...
进程
进程 进程进程的含义PCB块内存空间进程分类:进程的作用进程的状态进程已经准备好执行,所有的资源都已分配,只等待CPU时间进程的调度 进程相关命6.查询进程相关命令1.ps aux2.top3.kill和killall发送一个信号 函数1.fork();2.getpid3.getppid示…...
10款好用的电脑监控软件推荐丨2024年干货整理,赶紧码住!
选择合适的电脑监控软件可以帮助企业和个人更好地管理和保护其计算机资源。以下是10款较为好用的电脑监控软件推荐。 1. 安企神 7天试用体验https://work.weixin.qq.com/ca/cawcde06a33907e60a 简介:安企神是一款专为企业设计的信息安全管理软件,提供…...
【MySQL-24】万字全面解析<索引>——【介绍&语法&性能分析&使用规则】
前言 大家好吖,欢迎来到 YY 滴MySQL系列 ,热烈欢迎! 本章主要内容面向接触过C的老铁 主要内容含: 欢迎订阅 YY滴C专栏!更多干货持续更新!以下是传送门! YY的《C》专栏YY的《C11》专栏YY的《Lin…...
刷题记录(2)
1. HWOD机试 - 模拟消息队列(100) package com.yue.test;import org.junit.Test;import java.util.ArrayList; import java.util.Arrays; import java.util.LinkedList; import java.util.List;/*** Author: 夜雨* Date: 2021-12-08-10:31* Description:* Version 1.0*/ public…...
JVM中的GC过程
堆内存结构:在详细讨论GC过程之前,需要了解JVM堆内存的结构。JVM堆内存通常被分为新生代(Young Generation)和老年代(Old Generation),其中新生代又进一步细分为Eden区(Eden Space&a…...
Python实战项目:天气数据爬取+数据可视化(完整代码)_python爬虫实战
一、选题的背景 随着人们对天气的关注逐渐增加,天气预报数据的获取与可视化成为了当今的热门话题,天气预报我们每天都会关注,天气情况会影响到我们日常的增减衣物、出行安排等。每天的气温、相对湿度、降水量以及风向风速是关注的焦点。通过…...
FFmpeg源码:compute_frame_duration函数分析
一、compute_frame_duration函数的定义 compute_frame_duration函数定义在FFmpeg源码(本文演示用的FFmpeg源码版本为7.0.1)的源文件libavformat/demux.c中: /*** Return the frame duration in seconds. Return 0 if not available.*/ stat…...
新能源汽车,车载充电机仿真模型(基于PWM整流器)。输出功率3.3kw,前级PFC采用双闭环控制,电流畸变率小。后级采用移相全桥开环控制。 运行环境有matlab_simulink和plecs
新能源汽车,车载充电机仿真模型(基于PWM整流器)。输出功率3.3kw,前级PFC采用双闭环控制,电流畸变率小。后级采用移相全桥开环控制。 运行环境有matlab/simulink和plecs针对新能源汽车车载充电机(OBC&#x…...
云凝结合计数器CNN粒子数浓度分析/python数据可视化
CCN-100是美国DMT公司(Drop Measurement Technologies)生产的一款经典仪器,专用于连续、实时测量大气中不同过饱和度下的CCN数浓度。它采用热梯度云室(Thermal Gradient Cloud Chamber)技术,模拟自然界中云…...
零基础快速入门前端 图片水印生成 蓝桥杯真题速刷(助力保底拿奖不捐款)
完成后的效果如下: for (let i 0; i < count; i) {let spandocument.createElement(span)span.innerHTMLtextspan.style.colorcolorspan.style.transformrotate(${deg}deg)span.style.opacityopacitycontainer.appendChild(span) } 1. appendChild 及其…...
NCMDump:突破网易云音乐格式限制的开源解密工具
NCMDump:突破网易云音乐格式限制的开源解密工具 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 当你下载了喜爱的音乐却发现文件格式被加密,无法在其他设备播放时;当你想备份音乐收藏却受限于专有…...
Llama Pro用户必看:如何用LoRA_targets只微调新增的Block,大幅节省你的显存
Llama Pro高效微调指南:精准控制LoRA_targets优化显存使用 当Llama Pro模型规模不断扩展时,全参数微调对显存的消耗往往令人望而却步。实际上,通过巧妙配置LoRA_targets参数,我们可以仅针对新增模块进行定向微调,在保证…...
一文读懂对称加密与非对称加密:核心区别、应用场景与实战避坑
在数字化时代,数据安全是所有产品和系统的“生命线”。我们每天接触的手机支付、网页浏览、社交聊天、文件传输,背后都藏着加密技术的身影。而加密技术的核心,离不开两大主角——对称加密与非对称加密。 很多人对这两种加密方式的认知&#…...
【自动驾驶C++算法优化实战手册】:20年资深专家亲授5大内存泄漏避坑法则与实时性提升300%的关键路径
第一章:自动驾驶C算法优化的底层逻辑与实时性本质自动驾驶系统对C算法的要求远超通用软件:毫秒级延迟、确定性执行路径、零容忍的不可预测抖动。其底层逻辑根植于硬件资源约束与任务语义耦合——感知、规划、控制模块必须在严格的时间预算内完成计算&…...
Keil 5.41新版调试踩坑记:System Viewer不显示GPIO寄存器?手把手教你生成SVD文件
Keil 5.41调试进阶指南:System Viewer寄存器消失的深度修复方案 当STM32开发者将Keil MDK升级到5.41版本时,System Viewer中外设寄存器突然"消失"的现象正成为高频痛点。这个问题表面看似简单,实则涉及Keil安装包架构的深层变动。本…...
WPF按钮样式进阶:从字体图标到动态交互效果全解析
1. 字体图标在WPF按钮中的应用 在WPF开发中,使用字体图标替代传统图片资源已经成为提升界面美观度和性能的最佳实践。阿里巴巴矢量图标库(iconfont)是目前最受欢迎的免费图标资源平台之一,它提供了海量的矢量图标资源,…...
用快马AI十分钟搭建班级宠物园应用下载页,快速验证教育产品原型
最近在帮小学老师朋友设计一个班级宠物园应用,想快速验证这个教育产品的可行性。传统开发流程太耗时,于是尝试用InsCode(快马)平台的AI生成功能,十分钟就搭出了可交互的下载页原型。分享下具体实现思路: 需求拆解与框架搭建 先明确…...
