AJAX学习笔记

已于 2022-08-18 17:23:21 修改
阅读量312 收藏
点赞数 1
分类专栏： Web 文章标签： 学习 ajax
于 2022-08-08 17:25:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62387059/article/details/126230544
版权

目录

首先我们先明白什么是行 头 空行 体

（1）AJAX-express框架介绍

（1）安装环境 

（2）express的使用 

（1）在js文件中

（2）启动：在终端中写入----->node 文件名.js             

（3）在浏览器中http://127.0.0.1:8000/ 

（2）AJAX案例准备

（1）前端准备

效果

 （2）js准备(改进之前写的)

 主要变化

（3）AJAX请求的基本操作

效果 

（1）AJAX设置请求参数

（4）AJAX发送POST请求

（1）改变html文件

 （2）修改js文件

效果 

   (5)AJAX-POST设置请求体

 （6）AJAX设置请求头信息

添加

 自定义请求头

现在单纯主要写的话，会报错

但是还是可以看见 

 改进

（7）AJAX-服务端响应JSON数据

首先给出完整的js文件

然后再给出html部分

（1）第一种自动转化

（2）手动转化

（8）介绍一个好用的自动重启工具

安装

运行 

(9) 解决IE缓存问题

 （10）请求超时与网络异常处理

html代码：主要改动为

js代码：

(11)取消请求

（12）请求重复发送问题

（13）jQuery发送AJAX请求

（14）jQuery通用方法发送Ajax请求

(15)axios发送AJAX请求

url代码

 接下来补充代码：（GET）

 接下来写（POST）

最后普通方法：

（16）使用fetch函数发送AJAX请求 

首先我们先明白什么是行 头 空行 体

（1）AJAX-express框架介绍

（1）安装环境 

在项目的终端中打开，然后分别输入安装express环境

npm init --yes

npm i express

（2）express的使用 

（1）在js文件中

-------------->

//1.引入express
const express = require("express");
//2.创建应用对象
const app = express();
//3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.get("/", (request, response) => {
  //设置相应
  response.send("HELLO EXPRESS");
});
//4.监听端口启动服务
app.listen(8000, () => {
  console.log("服务已经启动,8000端口监听中...");
});

（2）启动：在终端中写入----->node 文件名.js             

 我的是node express.js

（3）在浏览器中http://127.0.0.1:8000/ 

（2）AJAX案例准备

（1）前端准备

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AJAX GET 请求</title>
    <style>
      .result {
        height: 100px;
        width: 200px;
        border: 1px solid #90b;
      }
    </style>
  </head>
  <body>
    <button>点击发送请求</button>
    <div class="result"></div>
  </body>
</html>

效果

 （2）js准备(改进之前写的)

//1.引入express
const express = require("express");
//2.创建应用对象
const app = express();
//3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.get("/server", (request, response) => {
  //设置响应头 设置允许跨域
  response.setHeader("Access-Control-Allow-Origin" + "*");
  //设置相应
  response.send("HELLO EXPRESS");
});
//4.监听端口启动服务
app.listen(8000, () => {
  console.log("服务已经启动,8000端口监听中...");
});

 主要变化

（3）AJAX请求的基本操作

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AJAX GET 请求</title>
    <style>
      .result {
        height: 100px;
        width: 200px;
        border: 1px solid #90b;
      }
    </style>
  </head>
  <body>
    <button>点击发送请求</button>
    <div id="result"></div>
    <script>
      //获取button元素
      const btn = document.getElementsByTagName("button")[0];

      const result = document.getElementById("result");

      //绑定事件
      btn.onclick = function () {
        //1.创建对象
        const xhr = new XMLHttpRequest();
        //2.初始化 设置请求方法和url
        xhr.open("GET", "http://127.0.0.1:8000/server");
        //3.发送
        xhr.send();
        //4.事件绑定处理服务端返回的结果
        //  on 相当于when 当....时候
        //  readystate是 xhr 对象中的属性，表示状态0 1 2 3 4
        //  change改变
        xhr.onreadystatechange = function () {
          //判断（服务端返回了所有的结果,等于4正好结束)
          if (xhr.readyState === 4) {
            //判断响应状态码 200 404 403 401 500
            //2xx成功(以2打头的就算成功)
            if (xhr.status >= 200 && xhr.status < 300) {
              //处理结果 行 头 空行 体
              // console.log(xhr.status); //状态码
              // console.log(xhr.statusText); //状态字符串
              // console.log(xhr.getAllResponseHeaders()); //所有响应头
              // console.log(xhr.response); //响应体
              result.innerHTML = xhr.response;
            }
          }
        };
      };
    </script>
  </body>
</html>

效果 

（1）AJAX设置请求参数

（4）AJAX发送POST请求

（1）改变html文件

和上面写的一样，就是把GET改成POST

 xhr.open("POST", "http://127.0.0.1:8000/server");

会发现报错，因为没有和POST匹配

 （2）修改js文件

只需要加一段就解决

app.post("/server", (request, response) => {
  //设置响应头 设置允许跨域
  response.setHeader("Access-Control-Allow-Origin", "*");
  //设置响应
  response.send("HELLO AJAX POST");
});

效果 

   (5)AJAX-POST设置请求体

 （6）AJAX设置请求头信息

添加

我们需要添加一段

        //设置请求头

        xhr.setRequestHeader(

          "Content-Type",

          "application/x-www-form-urlencoded"

        );

--------------------------------------->

 自定义请求头

        //自定义

        xhr.setRequestHeader("name", "liujiayi");

现在单纯主要写的话，会报错

但是还是可以看见 

 改进

 完整代码

//1.引入express
const express = require("express");
//2.创建应用对象
const app = express();
//3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.get("/server", (request, response) => {
  //设置响应头 设置允许跨域
  response.setHeader("Access-Control-Allow-Origin", "*");
  //设置响应
  response.send("HELLO AJAX");
});
app.all("/server", (request, response) => {
  //设置响应头 设置允许跨域
  response.setHeader("Access-Control-Allow-Origin", "*");
  //响应头
  response.setHeader("Access-Control-Allow-Headers", "*");
  //设置响应
  response.send("HELLO AJAX POST");
});
//4.监听端口启动服务
app.listen(8000, () => {
  console.log("服务已经启动,8000端口监听中...");
});

（7）AJAX-服务端响应JSON数据

首先给出完整的js文件

因为改的地方有点多

//1.引入express
const express = require("express");
//2.创建应用对象
const app = express();
//3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.all("/json-server", (request, response) => {
  //设置响应头 设置允许跨域
  response.setHeader("Access-Control-Allow-Origin", "*");
  //响应头
  response.setHeader("Access-Control-Allow-Headers", "*");
  //响应一个数据
  const data = {
    name: "liujiayi",
  };
  //对对象进行字符串转化
  let str = JSON.stringify(data);
  //设置响应
  response.send(str);
});
//4.监听端口启动服务
app.listen(8000, () => {
  console.log("服务已经启动,8000端口监听中...");
});

然后再给出html部分

（1）第一种自动转化

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AJAX POST 请求</title>
    <style>
      #result {
        width: 200px;
        height: 100px;
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <div id="result"></div>
    <script>
      const result = document.getElementById("result");
      result.addEventListener("mouseover", function () {
        //1.获取元素对象
        const xhr = new XMLHttpRequest();
        //设置响应体数据的类型
        xhr.responseType = "json";
        //2.初始化 设置请求方法和url
        xhr.open("POST", "http://127.0.0.1:8000/json-server");

        //设置请求头
        xhr.setRequestHeader(
          "Content-Type",
          "application/x-www-form-urlencoded"
        );
        //自定义
        xhr.setRequestHeader("name", "liujiayi");

        //3.发送
        xhr.send();
        //4.事件绑定处理服务端返回的结果
        //  on 相当于when 当....时候
        //  readystate是 xhr 对象中的属性，表示状态0 1 2 3 4
        //  change改变
        xhr.onreadystatechange = function () {
          //判断（服务端返回了所有的结果,等于4正好结束)
          if (xhr.readyState === 4) {
            //判断响应状态码 200 404 403 401 500
            //2xx成功(以2打头的就算成功)
            if (xhr.status >= 200 && xhr.status < 300) {
              console.log(xhr.response);
              result.innerHTML = xhr.response.name;
            }
          }
        };
      });
    </script>
  </body>
</html>

（2）手动转化

（8）介绍一个好用的自动重启工具

学到这，相信大家对每次对js文件进行微小的调整后，都要重新保存，再运行，十分麻烦。

现在介绍一个工具nodemon

安装

npm install -g nodemon

运行 

npx nodemon express.js

(9) 解决IE缓存问题

主要改动如下，加一个时间戳

 （10）请求超时与网络异常处理

html代码：主要改动为

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AJAX GET 请求</title>
    <style>
      .result {
        height: 100px;
        width: 200px;
        border: 1px solid #90b;
      }
    </style>
  </head>
  <body>
    <button>点击发送请求</button>
    <div id="result"></div>
    <script>
      //获取button元素
      const btn = document.getElementsByTagName("button")[0];

      const result = document.getElementById("result");

      btn.onclick = function () {
        const xhr = new XMLHttpRequest();
        //超时设置 2s 设置
        xhr.timeout = 2000;
        //超时回调
        xhr.ontimeout = function () {
          alert("网络异常吗，请稍后重试！");
        };
        //网络异常回调
        xhr.onerror = function () {
          alert("你的网络似乎有点问题~");
        };
        xhr.open("GET", "http://127.0.0.1:8000/delay");
        xhr.send();
        xhr.onreadystatechange = function () {
          if (xhr.readyState === 4) {
            if (xhr.status >= 200 && xhr.status < 300) {
              result.innerHTML = xhr.response;
            }
          }
        };
      };
    </script>
  </body>
</html>

js代码：

//1.引入express
const express = require("express");
//2.创建应用对象
const app = express();
//3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.all("/delay", (request, response) => {
  setTimeout(() => {
  //设置响应头 设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.send("请求超时");
  }, 3000);
});
//4.监听端口启动服务
app.listen(8000, () => {
  console.log("服务已经启动,8000端口监听中...");
});

(11)取消请求

abort意思如下

（12）请求重复发送问题

加一个状态判断

（13）jQuery发送AJAX请求

html部分代码：post请求以此类推 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <body>
    <div class="container">
      <h2 class="page-header">jQuery发送AJAX请求</h2>
      <button class="btn btn-primary">GET</button>
      <button class="btn btn-danger">POST</button>
      <button class="btn btn-info">通用型方法ajax</button>
    </div>
    <script>
      $("button")
        .eq(0)
        .click(function () {
          $.get(
            "http://127.0.0.1:8000/jquery-server",
            { a: 100, b: 100 },
            function (data) {
              console.log(data);
            }
          );
        });
    </script>
  </body>
</html>

js代码:

//1.引入express
const express = require("express");
//2.创建应用对象
const app = express();
//3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.all("/jquery-server", (request, response) => {
  //设置响应头 设置允许跨域
  response.setHeader("Access-Control-Allow-Origin", "*");
  response.send("jQuery发送AJAX请求");
});
//4.监听端口启动服务
app.listen(8000, () => {
  console.log("服务已经启动,8000端口监听中...");
});

（14）jQuery通用方法发送Ajax请求

首先给出初级代码;

html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <body>
    <div class="container">
      <h2 class="page-header">jQuery发送AJAX请求</h2>
      <button class="btn btn-primary">GET</button>
      <button class="btn btn-danger">POST</button>
      <button class="btn btn-info">通用型方法ajax</button>
    </div>
    <script>
      $("button")
        .eq(2)
        .click(function () {
          $.ajax({
            url: "http://127.0.0.1:8000/jquery-server",
            data: { a: 100, b: 100 },
            type: "GET",
            //成功的回调
            success: function (data) {
              console.log(data);
            },
          });
        });
    </script>
  </body>
</html>

js代码：

//1.引入express
const express = require("express");
//2.创建应用对象
const app = express();
//3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.all("/jquery-server", (request, response) => {
  //设置响应头 设置允许跨域
  response.setHeader("Access-Control-Allow-Origin", "*");
  const data = { name: "liujiayi" };
  response.send(JSON.stringify(data));
});
//4.监听端口启动服务
app.listen(8000, () => {
  console.log("服务已经启动,8000端口监听中...");
});

于是有：

结合之前的知识，把字符串变成对象

还可以加上这些配置：

(15)axios发送AJAX请求

url代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>axios发送AJAX请求</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.js"></script>
  </head>
  <body>
    <button>GET</button>
    <button>POST</button>
    <button>AJAX</button>
    <script>
      const btns = document.querySelectorAll("button");
      btns[0].onclick = function () {
        //get请求
        axios.get("http://127.0.0.1:8000/axios-server", {
          //url参数
          params: {
            id: 1,
            vip: 2,
          },
        });
      };
    </script>
  </body>
</html>

成功！！！

 接下来补充代码：（GET）

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>axios发送AJAX请求</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.js"></script>
  </head>
  <body>
    <button>GET</button>
    <button>POST</button>
    <button>AJAX</button>
    <script>
      const btns = document.querySelectorAll("button");
      btns[0].onclick = function () {
        //get请求
        axios
          .get("http://127.0.0.1:8000/axios-server", {
            //url参数
            params: {
              id: 1,
              vip: 2,
            },
            //请求头消息
            headers: {
              name: "liujiayi",
              age: 18,
            },
          })
          .then((value) => {
            console.log(value);
          });
      };
    </script>
  </body>
</html>

 接下来写（POST）

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>axios发送AJAX请求</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.js"></script>
  </head>
  <body>
    <button>GET</button>
    <button>POST</button>
    <button>AJAX</button>
    <script>
      const btns = document.querySelectorAll("button");
      //   btns[0].onclick = function () {
      //     //get请求
      //     axios
      //       .get("http://127.0.0.1:8000/axios-server", {
      //         //url参数
      //         params: {
      //           id: 1,
      //           vip: 2,
      //         },
      //         //请求头消息
      //         headers: {
      //           name: "liujiayi",
      //           age: 18,
      //         },
      //       })
      //       .then((value) => {
      //         console.log(value);
      //       });
      //   };
      btns[1].onclick = function () {
        axios.post(
          "http://127.0.0.1:8000/axios-server",
          {
            userName: "liujiayi",
            passWord: "20030313",
          },
          {
            params: {
              id: 2,
              vip: 18,
            },
            headers: {
              name: "liujiayi",
            },
          }
        );
      };
    </script>
  </body>
</html>

最后普通方法：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>axios发送AJAX请求</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.js"></script>
  </head>
  <body>
    <button>GET</button>
    <button>POST</button>
    <button>AJAX</button>
    <script>
      const btns = document.querySelectorAll("button");
      btns[2].onclick = function () {
        axios({
          url: "http://127.0.0.1:8000/axios-server",

          //url参数
          params: {
            vip: 10,
            id: 3,
          },

          //头信息
          headers: {
            a: 100,
            b: 200,
          },

          //请求体参数
          data: {
            userName: "liujiayi",
            passWord: "20030313",
          },
        });
      };
    </script>
  </body>
</html>

（16）使用fetch函数发送AJAX请求 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>使用fetch函数发送AJAX请求 </title>
  </head>
  <body>
    <button>AJAX请求</button>
    <script>
      const btn = document.querySelector("button");

      btn.onclick = function () {
        fetch("http://127.0.0.1:8000/fetch-server", {
          //请求方法
          method: "POST",
          //请求头
          headers: {
            name: "fetch",
          },
          //请求体
          body: "userName=admin&passWord=admin",
        });
      };
    </script>
  </body>
</html>

我之前用GET会报错POST不会~~~~

还可以加一下操作，我还不是太懂

刘家奕_
关注
专栏目录
ajax学习笔记
11-30
### AJAX学习笔记 #### 一、引言 Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。...
16ajax学习笔记1
08-08
在本篇16ajax学习笔记1中，我们将探讨Ajax的基础概念、使用方法以及jQuery库中的Ajax实现。 1、发送请求： Ajax的首要任务是创建XMLHttpRequest对象，这是浏览器提供的API。在JavaScript中，我们可以通过new ...
Ajax学习笔记
2301_82244607的博客
04-28 1148
XMLHttpRequest()：创建 XHR 对象的构造函数status：响应状态码值，如 200、404statusText：响应状态文本，如 ’ok‘、‘not found’readyState：标识请求状态的只读属性 0-1-2-3-4onreadystatechange：绑定 readyState 改变的监听responseType：指定响应数据类型，如果是 ‘json’，得到响应后自动解析响应response：响应体数据，类型取决于 responseType 的指定。
史上最详细Ajax学习笔记
楠黎倾风的博客
09-19 8099
史上最强Ajax学习笔记
AJAX学习笔记总结
爱敲代码的卡拉米的博客
11-04 304
AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。
黑马---ajax学习笔记
texry的博客
11-25 401
ajax
jquery中ajax学习笔记4
10-28
### jQuery中Ajax学习笔记4：缓存问题与中文问题详解 #### 缓存问题解析 在Web开发过程中，经常会遇到浏览器缓存导致的数据更新问题。本文档将详细讲解如何识别和解决缓存问题。 ##### 什么是缓存问题？ 缓存...
Ajax学习笔记个人总结
09-12
### Ajax学习笔记个人总结 #### 一、XMLHttpRequest对象简介 **XMLHttpRequest** 对象是 AJAX 技术的核心，它负责在客户端与服务器之间发送异步请求，无需刷新整个页面即可实现局部数据更新。要使用 ...
ORB-SLAM2源码学习：ORBextractor.cc：IC_Angle 利用灰度质心法求解关键点方向角
2301_76831056的博客
11-01 707
IC_Angle 利用灰度质心法求解关键点方向角并在computeOrientation函数中被调用计算图像中所有特征点的方向。
嵌入式通信协议：MODBUS简明学习笔记
weixin_73867577的博客
11-02 357
学习Modbus的简明学习笔记
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 504
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
SPI通信详解-学习笔记
qq_45059758的博客
11-04 511
SPI通信
diffusion model 学习笔记
wubing's 博客
11-01 1005
郎之万公式: 描述了粒子做随机布朗运动 (粒子位置随时间变化的关系), 是一种 SDE, 描述了 由梯度力(即.即我们在无条件模型 DDPM 估计的噪声中添加一个微小的扰动(. 基本上,在采样一半时,基本上预测的。输出的是噪声的估计, 这个估计的噪声。通过上面的公式，我们可以知道，当知道。),就可以作为条件模型的噪声估计.首先,假设我们已经有了一个训练好的。: 每一步中保留的原始信号的比例。的计算有各种不同的方法，). 已经接近于真实的。)影响的系统的时间演化.也就是,我们训练的网络。
SAP ABAP开发学习——接口中间件（PI）
m0_64077397的博客
11-04 204
左侧的红圈表示没有被生成。
RL学习笔记-表格型方法
m0_63213284的博客
11-02 429
参考资料：蘑菇书；《世界冠军带你从零实践强化学习》B站课程。
从零学习大模型（十四）-----量化（一）
最新发布
red_guy的博客
11-05 499
量化（Quantization）是一种在计算机科学和深度学习中广泛应用的技术，其基本目标是通过减少模型中数值表示的位宽来降低计算和存储成本。简单来说，量化就是将高精度（通常是浮点数）转换为低精度（通常是定点数）表示，同时尽量保持模型的性能和准确性。量化通常用于深度学习模型（尤其是大模型）中，以减小模型的存储空间和提高推理速度。量化不仅可以减少模型的内存占用，还能提高硬件的计算效率，尤其是在低功耗设备（如移动端、嵌入式系统、边缘计算设备）上。范围选择：确定量化数据的最小值和最大值，从而决定数据的量化范围。
Ajax学习笔记：从入门到精通
“Ajax学习经典笔记，适合初学者或者巩固知识用” Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这篇经典笔记详细...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘家奕_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值