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

前端(Ajax)

news 来源：原创 2025/6/30 14:26:25

1.客户端请求

向https://jsonplaceholder.typicode.com/users发送get请求

 const xhr = new XMLHttpRequest();console.log(xhr.readyState);xhr.open('get', 'https://jsonplaceholder.typicode.com/users')console.log(xhr.readyState);xhr.send();console.log(xhr.readyState);xhr.onreadystatechange = function(){console.log(xhr.readyState);if(xhr.readyState === 4){if(xhr.status >= 200 && xhr.status < 300){console.log('状态码', xhr.status);                                             // 状态码console.log('状态字符串', xhr.statusText);                           // 状态字符串console.log('所有响应头', xhr.getAllResponseHeaders())       // 所有响应头console.log('响应体', xhr.response)                                            // 响应体}}}

请求结果

2.自定义服务器步骤

1.下载node(Node.js — 在任何地方运行 JavaScript)

2.配置node环境变量(win+r:cmd:可以检测node是否安装成功)

3.在项目目录下下载express执行npm i express命令

准备服务端脚本

let express=require("express");
let app=express()
app.get("/",(req,res)=>{})
app.listen(9545,()=>{console.log("9545端口已经启动***")
})

服务端启动命令

nodemon Server.js脚本名称

启动成功截图

3.客户端和服务端互相转数据

get类型

客户端->服务端

客户端转入name="李四"服务端调用req.query进行客户端数据查看

服务端->客户端

需要解决跨域问题

res.setHeader('Access-Control-Allow-Origin', '*'); // 或者指定特定的域名res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

客户端获取响应数据

    let xhr=new XMLHttpRequest ();xhr.open("get","http://localhost:9545")xhr.send();xhr.onreadystatechange=function(){if(xhr.readyState==4){console.log(xhr.response);}}

post类型

客户端->服务端

发送json格式数据

服务端接收json数据需要进行处理

const bodyParser = require('body-parser');

// 配置 body-parser
// 使用 body-parser 中间件解析请求体
app.use(bodyParser.urlencoded({ extended: true })); // 解析 application/x-www-form-urlencoded
app.use(bodyParser.json()); // 解析 application/json

接收结果

前端(Ajax)

1.客户端请求向https://jsonplaceholder.typicode.com/users发送get请求 const xhr new XMLHttpRequest();console.log(xhr.readyState);xhr.open(get, https://jsonplaceholder.typicode.com/users)console.log(xhr.readyState);xhr.send();console.log(xhr.readyState);xh…...

编程日记 2025/6/30 14:26:25

【C++】约瑟夫环问题：深度解析与高级优化

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C 文章目录 💯前言约瑟夫环问题：深度解析与高级优化💯题目描述💯解决方案详解直接模拟法（基于 C 实现）代码解析示例执行过程 💯高级优…...

编程日记 2025/6/30 14:13:55

总结拓展十七：SAP 采购订单行项目“交货“页签解析

《 SAP采购订单行项目“交货”页签字段解析》在 SAP 系统的采购流程中，采购订单行项目的“交货”页签承载着关键的信息，其中的字段更是对整个交货环节的精准描述和把控的重要元素。理解和正确解析这些字段，对于确保采购流程的顺利进行、优化…...

编程日记 2025/6/30 4:35:23

作业Day2: 多文件编译；思维导图

目录 ①文件代码及其所需头文件分析 main.c文件 1.h文件 1.c文件 ②运行结果： ③代码分析结构体成员数据类型的设定： 信息录入函数信息删除成绩排序信息显示自定义初始化函数 ④思维导图：编辑 ①文件代码及其所需头文…...

编程日记 2025/6/28 20:28:07

Kioptrix Level 1通关攻略

目录修改靶机Kioptrix:Level 1 的网络模式探测靶机IP地址得到端口信息扫描TCP端口扫描UDP端口脚本扫描指纹探测漏洞探测目录枚举扫描发现利用脚本执行exp链接shell 修改靶机Kioptrix:Level 1 的网络模式 Kioptrix: Level 1靶机的默认网络模式是桥接&#x…...

编程日记 2025/6/28 18:05:03

01 下载opencv并配置vs开发环境

01 下载opencv并配置vs开发环境 01 下载windows版本的opencv 下载地址：点击 WIndows版本的是编译好的代码。当然国外网站下载很慢，可以通过我分享的网盘链接下载 opencv-4.10.0-windows.exe https://www.alipan.com/s/wV7z4YsmXgN 点击链接保…...

编程日记 2025/6/28 20:26:18

Ubuntu22.04 docker如何发布镜像（和用git差不多）

在dockerhub上创建远程仓库：https://hub.docker.com/ 将本地镜像打tag，并修改成可以上传到 dockerhub 的形式 # 查看本地镜像# 修改镜像 ## docker tag 镜像名称:标签新的镜像名称（要和远程仓库dockerhub上的一致）:新的标签pus…...

编程日记 2025/6/28 17:10:26

【Golang】——Gin 框架中的模板渲染详解

Gin 框架支持动态网页开发，能够通过模板渲染结合数据生成动态页面。在这篇文章中，我们将一步步学习如何在 Gin 框架中配置模板、渲染动态数据，并结合静态资源文件创建一个功能完整的动态网站。文章目录 1. 什么是模板渲染？ 1.1 概…...

编程日记 2025/6/30 14:21:50

React的局限性是什么？

性能： 虚拟 DOM 虽然提高了渲染性能，但在某些情况下可能会造成性能瓶颈，尤其是在处理大量数据或复杂更新时。对于非UI任务（如计算密集型操作），React 本身并不擅长。学习曲线： 对于初学者来说&a…...

编程日记 2025/6/28 21:49:31

【Vulkan入门】09-CreateFrameBuffer

目录先叨叨git信息关键代码VulkanEnv::FindHostVisitbaleMemoryTypeIndex()TestPipeLine::CreateFramebuffers() 与网上大多数文章不同，其他文章基本上都使用窗口框架（X11、GLFW、WSL等）提供的surface来显示Vulkan渲染出的图像。我认为那样会…...

编程日记 2025/6/28 19:47:36

罗技键鼠更换新台式机无蓝牙通过接收器安装

优联驱动下载： http://support.logitech.com.cn/zh_cn/software/unifying （下载安装后按照步骤一步步操作，匹配后即可使用） 向京东客服反馈后提供的驱动下载安装连接有问题欢迎评论沟通~...

编程日记 2025/6/28 18:05:55

深入了解Modbus TCP协议：介绍、原理解析与应用示例

深入了解Modbus TCP协议：介绍、原理解析与应用示例在工业自动化领域，设备之间的通信与数据交换至关重要。Modbus协议作为一种经典的通信协议，因其简单、开放和易于实现的特点，被广泛应用于各种工业设备之间的数据传输。而Modbus…...

编程日记 2025/6/28 19:37:11

vue2 项目中实现动态代理，服务器上通过nginx部署实现动态代理

一、前言&&原理前言：vue2 项目中，请求接口是从表格的当前获取的，也就是接口ip:端口号:路经不确定，要实现点击表格当前行请求对应的接口实现原理：将实际要请求的ip等信息存在请求头中，用的时候再…...

编程日记 2025/6/28 18:53:08

OpenGL 几何着色器高级应用

几何着色器高级应用概念回顾几何着色器（Geometry Shader）是 OpenGL 管线中的可选着色器阶段，位于顶点着色器（Vertex Shader）和光栅化阶段之间。其核心功能是基于输入的图元（如点、线或三角形），生成新的图元，或对输入的图元进行修改。几何着色器的执行是以图元…...

编程日记 2025/6/30 12:30:40

QT JSON文件解析

参考博客 https://blog.csdn.net/cpp_learner/article/details/118421096 1 打开文件，读取全部内容 QFile file("../Json/js.json"); if (!file.open(QFile::ReadOnly | QFile::Text)) {qDebug() << "cant open error!";return; }// 读…...

编程日记 2025/6/28 19:52:05

c++中string字符串与其他类型的转换

一、string 转换成其他类型 1、转换为整数使用std::stoi（适用于int）、std::stol（适用于long）、std::stoll（适用于long long）、std::stoul（适用于unsigned long）和std::stoull&…...

编程日记 2025/6/28 1:59:21

aws(学习笔记第十七课) SQS Amazon Simple Queue Service服务

aws(学习笔记第十七课) SQS Amazon Simple Queue Service服务学习内容： 使用SQS Amazon Simple Queue Service服务整体代码（nodejs的通常工程）代码动作 1. 使用SQS Amazon Simple Queue Service服务利用应用程序来学习SQS 创建S3$ aws s…...

编程日记 2025/6/29 23:20:18

【FAQ】HarmonyOS SDK 闭源开放能力 —Push Kit（8）

1.问题描述： 在AGC中，推送服务的消息回执新建成功后，有一个有效期 1，这个有效期是什么意思，过期后，会影响什么呢？ 2，这个有效期是否可以修改成一直不过期？ 解决方案&…...

编程日记 2025/6/28 19:39:45

mysql 的 binlog 原理

binlog的作用:binlog的三种格式Statement-Based Replication (SBR)：Row-Based Replication (RBR)：Mixed-Based Replication (MBR)： 总结：如何选择:如何配置binlog? binlog的作用: 数据恢复: 如果mysql的数据丢失了,又没有备份数…...

编程日记 2025/6/28 18:06:03

Android显示系统（10）- SurfaceFlinger内部结构

一、前言：之前讲述了native层如何使用SurfaceFlinger，我们只是看到了简单的API调用，从本文开始，我们逐步进行SurfaceFlinger内部结构的分析。话不多说，莱茨狗~ 二、类图： 2.1、总体架构：先看下SurfaceFlinger的关键成员和我们BootAnimation侧关键成员如何对应起来…...

编程日记 2025/6/30 0:59:08

独家首发 | 基于多级注意力机制的并行预测模型

往期精彩内容： 时序预测：LSTM、ARIMA、Holt-Winters、SARIMA模型的分析与比较全是干货 | 数据集、学习资料、建模资源分享！ EMD变体分解效果最好算法——CEEMDAN（五）-CSDN博客拒绝信息泄露！VMD滚动分…...

编程日记 2025/6/28 18:05:21

Burp suite2 （泷羽sec）

声明学习视频来自B站UP主泷羽sec,如涉及侵泷羽sec权马上删除文章。笔记只是方便各位师傅学习知识,以下网站只涉及学习内容,其他的都与本人无关,切莫逾越法律红线,否则后果自负这节课旨在扩大自己在网络安全方面的知识面，了解网络安全领域的见闻，了…...

编程日记 2025/6/30 14:08:59

npm或yarn包配置地址源

三种方法 1.配置.npmrc 文件在更目录新增.npmrc文件然后写入需要访问的包的地址 2.直接yarn.lock文件里面修改地址简单粗暴 3.yarn install 的时候添加参数设置包的仓库地址 yarn config set registry https://registry.yarnpkg.com 安装：yarn install 注意…...

编程日记 2025/6/30 6:05:41

Referer头部在网站反爬虫技术中的运用

网站数据的安全性和完整性至关重要。爬虫技术，虽然在数据收集和分析中发挥着重要作用，但也给网站管理员带来了挑战。为了保护网站数据不被恶意爬取，反爬虫技术应运而生。本文将探讨HTTP头部中的Referer字段在反爬虫技术中的应用，并…...

编程日记 2025/6/28 18:05:40

Next.js授权管理教程：深入掌握Session管理

更多有关Next.js教程，请查阅： 【目录】Next.js 独立开发系列教程-CSDN博客目录引言 1. Session管理的基本概念 1.1 什么是Session管理？ 1.2 Session与Cookie 1.3 使用Session的优点 2. 在Next.js中管理Session 2.1 使用cookie存储Se…...

编程日记 2025/6/28 18:05:42

Python+OpenCV系列：滤波器的魔力

滤波器是图像处理领域中不可或缺的工具。无论是去除噪声、锐化图像还是提取特征，滤波器都扮演着重要角色。本篇将从简单到复杂，带你快速掌握 PythonOpenCV 中的滤波器使用技巧。什么是滤波器？ 滤波器是一种对图像像素值进行计算、平滑或增强…...

编程日记 2025/6/28 19:20:44

代码随想录算法训练营day41|动态规划买卖股票问题

今天的三题买卖股票问题，实际上解题方法都大同小异，思路也和昨天的树形dp有相似之处，都是用一个dp数组的不同下标来记录不同的状态。其中第一题是只买卖一次，可以用贪心的方法，找出左边的最小值和右边的最大值&#xf…...

编程日记 2025/6/30 13:47:12

【EthIf目录】EthIf的文件结构

ls -R 查看目录EthIf的文件结构，包含四个目录， 一个make file文件，具体如下所示：...

编程日记 2025/6/28 18:40:43

Spring 面试题整理

文章目录一、控制反转 IoC什么是 Bean 和 Spring Bean？依赖注入的常见方式？Bean 的作用域有哪些？protype bean 里面的依赖是 singleton bean 的话，IoC 容器会怎么处理？Bean 的生命周期？Resource 和 Autowi…...

编程日记 2025/6/27 21:11:29

Converting circular structure to JSON

最近在项目中遇到了这个问题，头疼，弄了一下午才解决。做一个笔记吧。 1 Converting circular structure to JSON 我这个问题大致就是在使用pinia中出现了循环引用，意思是两个或多个模块、对象或依赖之间形成了相互依赖的链条。在使用 Pinia…...

编程日记 2025/6/28 18:59:18

webstorm开发uniapp（从安装到项目运行）

1、下载uniapp插件下载连接：Uniapp Tool - IntelliJ IDEs Plugin | Marketplace （结合自己的webstorm版本下载，不然解析不了） 将下载到的zip文件防在webstorm安装路径下，本文的地址为： 2、安装uniapp插…...

编程日记 2025/6/28 14:28:30

企业级包管理器之搭建 npm 私有服务器（6）

在企业级应用开发中，常常需要处理私有包的发布和管理。搭建 npm 私有服务器是一个理想的解决方案，它不仅能保证代码的私密性，还能提供更快的下载速度和更精细的权限设置。一、搭建 npm 私有服务器的优势保证代码私密性：在企业…...

编程日记 2025/6/28 18:05:56

会议通知：人工智能通识教育与实践发展暨和鲸科技AI通识课解决方案发布会

今年秋季学期起，全国多所高校面向本科生开设人工智能通识课。当前人工智能通识课程的建设进展主要分为三种情况： 全市统筹，由某头部高校牵头建设市级人工智能通识课，以北京市、天津市为代表； 已于秋季学期按照课程…...

编程日记 2025/6/28 18:34:53

windows C#-自动实现属性的轻型类

此示例演示如何创建一个不可变的轻型类，该类仅用于封装一组自动实现的属性。当你必须使用引用类型语义时，请使用此种构造而不是结构。可通过以下方法来实现不可变的属性： 仅声明 get 访问器，使属性除了能在该类型的构造函数中…...

编程日记 2025/6/28 18:41:18

汽车零部件设计之——发动机曲轴预应力模态分析仿真APP

汽车零部件是汽车工业的基石，是构成车辆的基础元素。一辆汽车通常由上万件零部件组成，包括发动机系统、传动系统、制动系统、电子控制系统等，它们共同确保了汽车的安全、可靠性及高效运行。在汽车产业快速发展的今天，汽车零部件需…...

编程日记 2025/6/28 20:01:37

C#基础：结构

目录 1. C# 程序结构示例： 2. 变量和数据类型示例： 3. 控制结构条件语句（if）： 循环语句（for 和 while）： 4. 函数定义和调用示例： 5. 数组和集合数组示例…...

编程日记 2025/6/28 19:43:17

[免费]SpringBoot+Vue疫苗接种预约管理系统【论文+源码+SQL脚本】

大家好，我是java1234_小锋老师，看到一个不错的SpringBootVue疫苗接种预约管理系统，分享下哈。项目介绍如今的时代，是有史以来最好的时代，随着计算机的发展到现在的移动终端的发展，国内目前信息技术已经在…...

编程日记 2025/6/29 22:46:15

C++50道经典面试题

文章结尾有最新热度的文章，感兴趣的可以去看看。本文是经过严格查阅相关权威文献和资料，形成的专业的可靠的内容。全文数据都有据可依，可回溯。特别申明：数据和资料已获得授权。本文内容，不涉及任何偏颇观点，用中立态度客观事实描述事情本身导读作为一种通用且面向对…...

编程日记 2025/6/28 18:44:21

iptables详解

华子目录什么是防火墙分类netfilter（数据包过滤）定义netfilter分析内容防火墙无法完成的任务netfilter策略管理工具netfilter的5类hook函数防火墙规则策略匹配原则iptablesiptables流量处理动作iptables表5种规则表安装iptablesiptables策略文件 ipta…...

编程日记 2025/6/28 18:53:21

静态链表的构建

前言： 静态链表的概述： 静态链表是一种在数组中模拟链表结构的数据结构，它通过数组的索引来模拟指针，实现节点之间的链接，就不需要使用指针了。每个节点由两部分组成：数据域和游标。数据域用于储存数据&a…...

编程日记 2025/6/28 19:10:29

python3中的身份运算符

一. 简介本文简单学习一下，python3中的身份运算符。在Python 3中，身份运算符用于比较两个对象的身份，即它们是否引用内存中的同一个对象。二. python3 中的身份运算符 1. python3 中的身份运算符 python3 中的身份运算符如下表所示&a…...

编程日记 2025/6/28 19:39:31

Java泛型设计详解

引言在日常Java开发中，泛型是一个非常重要的特性。它提供了编译时的类型安全检查，增强了代码的可读性和可维护性。然而，对于初学者甚至一些有经验的开发者来说，泛型的使用和理解仍然是一个挑战。本文旨在深入探讨Java泛型的诞生…...

编程日记 2025/6/28 19:27:17

第十九章程序清单合集——Java语言程序设计进阶篇（黑皮书）

目录程序清单19_1GenericStack 程序清单19_2GenericMethodDemo 程序清单19_3BoundedTypeDemo 程序清单19_4GenericSort 程序清单19_5Max 程序清单19_6MaxUsingGenericType 程序清单19_7wildCardNeedDemo 程序清单19_8AnyWildCardDemo 程序清单19_9SuperWildChardDem…...

编程日记 2025/6/28 18:56:14

el-table组件树形数据修改展开箭头

编程日记 2025/6/28 18:41:44

LabVIEW前面板无法显示的常见原因

当 LabVIEW 前面板显示为白色或黑色时，可能由于控件可视性设置、显卡驱动问题、程序错误或 LabVIEW 设置不当引起。通过检查面板设置、更新驱动、重启程序等方式可有效解决此问题。遇到前面板无法显示或显示为白色/黑色的情况，可能有以下几种原因。可以…...

编程日记 2025/6/28 19:06:20

PyQt事件机制练习

一、思维导图二、代码 import sysfrom PyQt6.QtTextToSpeech import QTextToSpeech from PyQt6.QtWidgets import QApplication, QWidget, QLabel, QPushButton, QLineEdit from PyQt6 import uic from PyQt6.QtCore import Qt, QTimerEvent, QTimeclass MyWidget(QWidget):d…...

编程日记 2025/6/30 13:47:31

Android 中，Activity Fragment：如何进行界面跳转、数据传递等

学习笔记 1. Activity 之间的界面跳转和数据传递在 Android 中，Activity 之间的跳转通常通过 Intent 来完成。Intent 可以携带数据，并传递给目标 Activity，也可以从目标 Activity 返回数据。从一个 Activity 跳转到另一个 Activity // 在…...

编程日记 2025/6/28 19:42:06

【ubuntu18.04】安装easycwmp出现/usr/bin/ld: cannot find -lubus问题解决方案

错误日志 rootw1804-virtual-machine:/opt/dev/easycwmp# make Making all in bin make[1]: Entering directory /opt/dev/easycwmp/bin gcc -DPACKAGE_NAME\"easycwmpd\" -DPACKAGE_TARNAME\"easycwmpd\" -DPACKAGE_VERSION\"1.8.6\" -DPACKAG…...

编程日记 2025/6/29 22:31:04

可视化建模以及UML期末复习----做题篇

一、单项选择题。（20小题，每小题2分,共40分） 1、UML图不包括（ ） A、用例图 B、状态机图 C、流程图 D、类图 E、通信图答案：C、流程图 UML中不包括传统意义上的流程图，流程图通常是指B…...

编程日记 2025/6/28 18:49:04

【2024年浙江工商大学程序设计竞赛新生赛（同步赛）部分题解】

比赛链接 C. 交换题目大意给定一个长度为 n n n 的数组 a a a。一开始你有一个总和 s 0 s 0 s0。现在你需要做 n n n 次操作，第 i i i 次操作的流程如下（ 1 ⩽ i ⩽ n 1 \leqslant i \leqslant n 1⩽i⩽n)： 选择一个下标 p ∈…...

编程日记 2025/6/28 18:06:00

1.客户端请求

2.自定义服务器步骤

3.客户端和服务端互相转数据

get类型

相关文章：