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

建设企业网站收费/免费二级域名分发网站源码

news 文章来源：https://blog.csdn.net/zjutkarma/article/details/135481104 2025/2/24 10:18:47

建设企业网站收费,免费二级域名分发网站源码,建设银行面试通知网站,北京高端网站建设概述前后端网络请求工具原生ajaxfetch apiaxios GET和POST请求 get只能发纯文本 post可以发不同类型的数据，要设置请求头，需要告诉服务器一些额外信息测试服务器地址有一些公共的测试 API 可供学习和测试用途。这些 API 允许你发送 HTTP 请求…

概述

前后端网络请求工具

原生ajax
fetch api
axios

GET和POST请求

get只能发纯文本

post可以发不同类型的数据，要设置请求头，需要告诉服务器一些额外信息

测试服务器地址

有一些公共的测试 API 可供学习和测试用途。这些 API 允许你发送 HTTP 请求（GET、POST 等），并从服务器获取响应。以下是一些常用的公共测试 API：

JSONPlaceholder:
- Base URL: https://jsonplaceholder.typicode.com
- Example Endpoints:
  - Posts: /posts
  - Comments: /comments
  - Users: /users
- Usage Example (GET): https://jsonplaceholder.typicode.com/posts/1
ReqRes:
- Base URL: https://reqres.in
- Example Endpoints:
  - Users: /api/users
  - Single User: /api/users/2
  - Create User: /api/users
- Usage Example (POST): https://reqres.in/api/users

原生ajax

前端页面代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<script src="ajax_get.js"></script>
</body>
</html>

GET

//原生ajax
const xhr = new XMLHttpRequest();
//xhr.open('GET', 'http://wuyou.com/common/get');
xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts/1')
xhr.send();
xhr.onreadystatechange = function(){if(xhr.readyState == XMLHttpRequest.DONE && xhr.status === 200){console.log(JSON.parse(xhr.responseText));}
}

返回结果

在这里插入图片描述

POST

const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://jsonplaceholder.typicode.com/posts');
xhr.setRequestHeader('Content-Type', 'application/json'); // 修改 Content-Type
xhr.send(JSON.stringify({title: 'foo',body: 'bar',userId: 1
}));xhr.onreadystatechange = function() {if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 201) {console.log(xhr.responseText); // 不解析 JSON，直接输出响应文本}
};

返回结果

请添加图片描述

Axios

前端页面代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<script src="axios.min.js"></script>
<script src = 'axiosjs.js'></script>
</body>
</html>

直接传输

最简单的axios使用方式，get函数中填写请求的url

//用axios来get一个请求
axios.get('https://jsonplaceholder.typicode.com/posts/1').then(response => {console.log('GET Response:', response.data);}).catch(error => {console.error('GET Error:', error);});

返回结果

在这里插入图片描述

异步传输

用异步的方式传输，在axios中配置地址，请求/响应拦截器

//异步请求处理
//异步发送get请求
(async () => {try {const ins = axios.create({baseURL: 'https://jsonplaceholder.typicode.com',});// 请求拦截器ins.interceptors.request.use((config) => {console.log('发送了请求');return config;});// 响应拦截器ins.interceptors.response.use((response) => {// 在这里可以对响应数据进行处理return response.data;},(error) => {// 在这里处理响应错误return Promise.reject(error);});const res = await ins.get('/posts/1');const res2 = await ins.post('/posts', {title: 'foo',body: 'bar',userId: 1,});console.log('GET 的结果:', res);console.log('POST 的结果:', res2);} catch (error) {console.error('发生错误:', error);}
})();

返回结果

在这里插入图片描述

Fetch

前端页面代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<script src = 'fetch_get.js'></script>
</body>
</html>

GET请求

fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(res => {if(res.ok){return res.json()}
})
.then(data =>{console.log(data)}).catch(error =>{console.error(error)
})

结果：
在这里插入图片描述

POST请求

在参数处需要传入一些配置项

//post在参数的地方需要传入一些配置项const postData = {title: 'foo',body: 'bar',userId: 1
};
console.log("test")
fetch('https://jsonplaceholder.typicode.com/posts', {method: 'POST',headers:{'Content-Type': 'application/json'},body:JSON.stringify({postData})}
).then(res =>{if(res.ok){return res.json()}
})
.then(data =>{console.log(data)}
)

结果

在这里插入图片描述

【前端】前后端的网络通信基础操作（原生ajax, axios, fetch）

概述前后端网络请求工具原生ajaxfetch apiaxios GET和POST请求 get只能发纯文本 post可以发不同类型的数据，要设置请求头，需要告诉服务器一些额外信息测试服务器地址有一些公共的测试 API 可供学习和测试用途。这些 API 允许你发送 HTTP 请求…...

编程日记 2024/1/16 2:41:39

Matter - 配置工厂数据（2）

部分关键名词参数简介 PASE(Passcode-Authenticated Session Establishment): 基于密码认证的会话建立，用于在 Commissioning 的时候 Commissioner 与 Matter Deivce 之间建立安全信道，生成对称加密密钥用于 Commissioning 后续通信消息进行加、解密和完…...

编程日记 2024/1/16 2:40:38

版本控制背景知识

版本控制背景知识本文是关于 Git 系列文章的导读，我们先介绍一下版本控制的背景知识。什么是版本控制版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。它将什么时候、什么人更改了文件的什么内容等信息如实记录下来…...

编程日记 2024/1/16 2:39:37

tensorflow报错: DNN library is no found

错误描述如上图在执行程序的时候，会出现 DNN library is no found 的报错解决办法这个错误基本上说明你安装的 cudnn有问题，或者没有安装这个工具。首先检测一下你是否安装了 cudnn 进入CUDA_HOME下，也就是进入你的cuda的驱动的安装目…...

编程日记 2024/1/16 2:38:36

文章目录 1. OTA相关文件2.OTA宏定义列表3.OTA主要函数接口4.OTA具体实施步骤5.总结1. OTA相关文件 1）app_suotar_task.c和app_suotar_task.h 2）app_suotar.c和app_suotar.h 2.OTA宏定义列表宏定义注解CFG_PRF_SUOTAR用户开启SOTA功能BLE_SUOTA_RECEIVERSOTA功能服务CFG_S…...

编程日记 2024/1/16 2:37:35

国内镜像源配置方法（包括临时和永久方法）

国内镜像源： 阿里云 http://mirrors.aliyun.com/pypi/simple/中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/豆瓣 http://pypi.douban.com/simplePython官方 https://pypi.python.org/simple/v2ex http://pypi.v2ex.com/simple/中国科学院 http://pypi.mi…...

编程日记 2024/1/16 2:35:33

数据结构二叉树--堆（数据结构实现和堆排序的一种实现）

堆是一个数据结构逻辑结构：完全二叉树（要求父节点大于孩子节点或者小于孩子节点） 存储结构：顺序存储 typedef int DataType; typedef struct Heap{DataType*data;int size;int capacity; }Heap;void InitHeap(Heap*pH) {asser…...

编程日记 2024/1/16 2:34:32

【Linux】 nohup命令使用

nohup命令 nohup是Linux和Unix系统中的一个命令，其作用是在终端退出时，让进程在后台继续运行。它的全称为“no hang up”，意为“不挂起”。nohup命令可以让你在退出终端或关闭SSH连接后继续运行命令。 nohup 命令，在默认情况下&…...

编程日记 2024/1/16 2:29:27

多维时序 | Matlab实现GRO-CNN-LSTM-Attention淘金算法优化卷积神经网络-长短期记忆网络结合注意力机制多变量时间序列预测

多维时序 | Matlab实现GRO-CNN-LSTM-Attention淘金算法优化卷积神经网络-长短期记忆网络结合注意力机制多变量时间序列预测目录多维时序 | Matlab实现GRO-CNN-LSTM-Attention淘金算法优化卷积神经网络-长短期记忆网络结合注意力机制多变量时间序列预测效果一览基本介绍程序设…...

编程日记 2024/1/16 2:23:23

SQL-DQL-基础查询

🎉欢迎您来到我的MySQL基础复习专栏 ☆* o(≧▽≦)o *☆哈喽~我是小小恶斯法克🍹 ✨博客主页：小小恶斯法克的博客 🎈该系列文章专栏：重拾MySQL 🍹文章作者技术和水平很有限，如果文中出现错误&am…...

编程日记 2024/1/16 2:20:20

Kubernetes (十三) 存储——持久卷-动静态分配

一. 简介二. NFS持久化存储步骤（静态分配） 1. 集群外…...

编程日记 2024/1/16 2:19:19

order by之后的injection(sqllabs第四十六关)

order by相关注入知识这一关的sql语句是利用的order by 根据输入的id不同数据排序不一样可以确定就是order by order by后面无法使用ubion注入（靠找不到） 可以利用后面的参数进行攻击 1）数字没作用考虑布尔类型 rand和select ***都可以 …...

编程日记 2024/1/16 2:18:18

C++ 树与图的广度优先遍历 || 模版题：图中点的层次

给定一个 n 个点 m 条边的有向图，图中可能存在重边和自环。所有边的长度都是 1 ，点的编号为 1∼n 。请你求出 1 号点到 n 号点的最短距离，如果从 1 号点无法走到 n 号点，输出 −1 。输入格式第一行包含两个整数 n 和 m 。 …...

编程日记 2024/1/16 2:16:16

k8s---pod控制器

pod控制器发的概念： 工作负载，workload用于管理pod的中间层，确保pod资源符合预期的状态。预期状态： 1、副本数 2、容器重启策略 3、镜像拉取策略 pod出故障的出去等等 pod控制器的类型： 1、replicaset&#xf…...

编程日记 2024/1/16 2:15:15

2024.1.11力扣每日一题——构造有效字符串的最少插入数

2024.1.11 题目来源我的题解方法一暴力模拟方法二动态规划方法三直接拼接方法四计算组数题目来源力扣每日一题；题序：2645 我的题解方法一暴力模拟直接模拟，根据题意可知若是abc则不用插入，若是ab,ac,bc这需要插入一…...

编程日记 2024/1/16 2:14:13

软件测试|如何使用Selenium处理隐藏元素

简介我们在使用selenium进行web自动化测试时，有时候会遇到元素被隐藏，从而无法对元素进行操作，导致我们的用例报错的情况。当我们遇到元素被隐藏的情况时，需要先对隐藏的元素进行处理，才能继续进行我们的操作&#x…...

编程日记 2024/1/16 2:13:11

第三次面试总结 - 吉云集团 - 全栈开发

🧸欢迎来到dream_ready的博客，📜相信您对专栏 “本人真实面经” 很感兴趣o (ˉ▽ˉ；) 专栏 —— 本人真实面经，更多真实面试经验，中大厂面试总结等您挖掘目录总结（非详细） 面试内…...

编程日记 2024/1/16 2:12:11

buuctf-Misc 题目解答分解118-120

118.[INSHack2017]sanity 打开压缩包就是一个md 文件 typora 打开发现flag INSA{Youre_sane_Good_for_you} 119.粽子的来历解压压缩包 ，得到文件夹如下用010 editor 打开我是A.doc 这个有些可以都改成FF 保存然后再次打开 docx 文件就发现了屈原的诗其他b…...

编程日记 2024/1/16 2:10:09

Hive数据定义（1）

hive数据定义是hive的基础知识，所包含的知识点有：数据仓库的创建、数据仓库的查询、数据仓库的修改、数据仓库的删除、表的创建、表的删除、内部表、外部表、分区表、桶表、表的修改、视图。本篇文章先介绍：数据仓库的创建、数据仓库的查询、…...

编程日记 2024/1/16 2:08:08

golang 反序列化出现json: cannot unmarshal string into Go value of type model.Phone

项目场景： 今天在项目公关的过程中，需要对interface{}类型进行转换为具体结构体问题描述很自然的用到了resultBytes, _ : json.Marshal(result)，然后对resultBytes进行反序列化转换为对应的结构体err : json.Unmarshal(resultBytes, &…...

编程日记 2024/1/16 2:06:06

【闯关练习】—— 1400分（构造）

🌏博客主页：PH_modest的博客主页 🚩当前专栏：cf闯关练习 💌其他专栏： 🔴每日一题 🟡 C跬步积累 🟢 C语言跬步积累 🌈座右铭：广积粮，缓…...

编程日记 2024/1/16 2:01:02

Qt QProgressBar进度条控件

文章目录 1 属性和方法1.1 值1.2 方向1.3 外观1.4 信号和槽 2 实例2.1 布局2.2 代码实现 QProgressBar是进度条控件，进度条用来指示任务的完成情况 1 属性和方法 QProgressBar有很多属性，完整的可查看帮助文档。这里以QProgressBar为例，列出…...

编程日记 2024/1/16 2:00:01

【新】Unity Meta Quest MR 开发（一）：Passthrough 透视配置

文章目录 📕教程说明📕配置透视的串流调试功能📕第一步：设置 OVRManager📕第二步：添加 OVRPassthroughLayer 脚本📕第三步：在场景中添加虚拟物体📕第四步：设置…...

编程日记 2024/1/16 1:59:00

快速排序【hoare版本】【挖坑法】【双指针法】（数据结构）

快速排序是Hoare于1962年提出的一种二叉树结构的交换排序方法，其基本思想为：任取待排序元素序列中的某元素作为基准值，按照该排序码将待排序集合分割成两子序列，左子序列中所有元素均小于基准值，右子序列中所有元素均…...

编程日记 2024/1/16 1:57:59

class_5:在c++中一个类包含另一个类的对象叫做组合

#include <iostream> using namespace std;class Wheel{ public://成员数据string brand; //品牌int year; //年限//真正的成员函数void printWheelInfo(); //声明成员函数 };void Wheel::printWheelInfo() {cout<<"我的轮胎品牌是："<…...

编程日记 2024/1/16 1:56:58

Linux - No space left on device

问题描述 No space left on device 原因分析说明在服务器设备上的存储空间已经满了，不能再上传或者新建文件夹或者文件等。解决方案确认查看服务器系统的磁盘使用情况是否是真的已经没有剩余空间，复制下面命令在服务器上运行，然后发现如果…...

编程日记 2024/1/16 1:55:58

STC8H8K蓝牙智能巡线小车——2. 点亮左右转弯灯与危险报警灯

任务调用示例 RTX 51 TNY 可做多任务调度，API较为简单。 /*　接口API　*///　创建任务 extern unsigned char os_create_task (unsigned char task_id); //　结束任务 extern unsigned char os_delete_task (unsigned char task_id);//　等待 extern unsig…...

编程日记 2024/1/16 1:54:56