Ajax入门

已于 2024-09-29 13:13:45 修改
阅读量830 收藏 10
点赞数 20
分类专栏： H5/CSS/JS/TS 文章标签： ajax
于 2024-04-13 10:39:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50517956/article/details/137679166
版权

1、*三要素

1、HTTP协议(hypertest transport protocol)

2、请求报文

1、请求行

  • 若为POST请求，则不在url显示参数
  1. GET/POST
  2. ?name=张飞
  3. HTTP/1.1

2、请求头

  1. Host: baidu.com
  2. Cookie: name=周杰伦
  3. Content-type: text/html
  4. User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36 Edg/98.0.1108.62

3、空行

4、请求体

  • 若为GET请求，则没有请求体
  1. name=张飞&age=18

3、响应报文

1、响应行

  1. HTTP/1.1
  2. 响应状态码:200、404、500
  3. OK，与码对应的，不需要单独设置

2、响应头

  1. Content-type: text/html;charset=utf-8
  2. Content-length: 2048
  3. Content-encoding: gzip

3、空行

4、响应体

  1. xxx，页面源代码内容

2、浏览器控制台

3、node.js安装

4、*express框架

1、基本使用

  1. npm i express

  2. // 001express.js
// 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装
app.get("/", function (request, response) {
    // 设置响应体
    response.send("我是傻逼");
  });

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  });

  3. 打开浏览器localhost:8000即可看到效果

2、发送Ajax请求-GET

  • 编写js服务端
  • 编写页面端
    • 发送ajax请求
  • 开启js服务端 node xxx.js
  1. // 002server.js
// 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装
app.get("/server1", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体
    response.send("Hello GET");
    
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

  2. // 002GET.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请求</title>
    <style>
        #result {
            width: 200px;
            height: 100px;
            border: solid 1px #90b;
        }
    </style>

</head>
<body>
    <button>点击发送请求</button>
    <div id="result"></div>
    
    <!--以下js代码用于发送ajax请求-->
    <script>
        var btn = document.getElementsByTagName("button")[0];
        var result = document.getElementById("result");
        // 绑定事件
        btn.onclick = function () {
            // 1.创建对象，看到xhr就应该想到Ajax
            var xhr = new XMLHttpRequest();
            // 2.初始化 设置请求方法和url以及参数
            xhr.open("GET", "http://localhost:8000/server?a=1&b=2&c=3");
            // 3.发送
            xhr.send();
            // 4.事件绑定，处理服务端返回的结果
            // on:当xxx的时候
            // readystate:是xhr对象的一个属性，表示状态码有:0-4，最初是0，1表示open方法结束，2是send方法完毕，3表示服务端返回了部分结果，4表示服务端返回了所有结果
            // change:改变
            // 会触发四次
            xhr.onreadystatechange = function () {
                // 1.应该在4的时候才操作
                if (xhr.readyState == 4){
                    // 2.判断响应状态码
                    // 200 404 500 
                    // 2开头的都是正常运行
                    if (xhr.status >= 200 && xhr.status < 300){
                        // 3.处理结果 行、头、(空行)、体
                        // 3.1.响应行
                        console.log(xhr.status);  // 状态码:200
                        console.log(xhr.statusText);  // 状态字符串:OK
                        // 3.2.响应头
                        console.log(xhr.getAllResponseHeaders());  // 所有响应头
                        // 3.3.响应体
                        console.log(xhr.response);  // 响应体

                        // 4.设置result文本
                        result.innerHTML = xhr.response;
                    } else{

                    }
                }
            }

          }
    </script>
</body>
</html>

3、发送Ajax请求-POST

  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>Document</title>
    <style>
        #result {
            width: 200px;
            height: 100px;
            border: solid 1px #90b;
        }
    </style>
</head>
<body>
    <div id="result"></div>
    <script>
        const result = document.getElementById("result");
        result.addEventListener("mouseover", function () {
            // 1.创建对象
            const xhr = new XMLHttpRequest();
            // 2.初始化请求类型和url
            xhr.open("POST", "http://localhost:8000/server2");
            // 设置请求头，规定请求体的类型 xhr.setRequestHeader("Context-Type", "text/html;charset=utf-8");
            // 需要去js文件设置response.setHeader("Access-Control-Allow-Origin", "*");
            // xhr.setRequestHeader("Context-Type", "text/html;charset=utf-8");
            // 3.发送请求和参数
            // a:1&b:2&c:3
            xhr.send("<h1>你好<h1>");
            // 4.事件绑定
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4){
                    if (xhr.status >= 200 && xhr.status < 300){
                        result.innerHTML = xhr.response;
                    }
                }
              }
          })
    </script>
</body>
</html>

  2. // 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装
app.post("/server2", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体
    response.send("Hello POST");
    
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

4、发送Ajax响应JSON数据

  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>Document</title>
    <style>
        #result {
            width: 200px;
            height: 100px;
            border: solid 1px #90b;
        }
    </style>
</head>
<body>
    <div id="result"></div>
    <script>
        const result = document.getElementById("result");
        window.onkeydown = function () {
            // 1.创建对象
            const xhr = new XMLHttpRequest();
            
            // 设置响应体类型,就不需要再对json字符串进行转换了
            // 自动转成js对象
            // xhr.responseType = "json";

            // 2.初始化请求方式和url
            xhr.open("GET", "http://localhost:8000/server3");
            // 3.发送请求
            xhr.send();
            // 4.事件绑定
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4){
                    if (xhr.status >= 200 && xhr.status < 300){
                        // 输出服务器的请求
                        //手动对数据进行转换
                        var obj = JSON.parse(xhr.response);
                        console.log(obj);
                        result.innerHTML = obj.name;
                
                    }
                }
              }
          }
    </script>
</body>
</html>

  2. // 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装
app.get("/server3", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体
    var obj = {
        name: "张飞",
        age: "18"
    }
    var json = JSON.stringify(obj);

    response.send(json);
    
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

5、nodemon

  • 修改js服务端代码，会自动重启服务，就不需要再去手动重启服务了
  1. npm install -g nodemon

6、*IE缓存问题

  • 会缓存ajax请求，导致后续调用的是旧的缓存，而不是服务器新发的请求,即改变js文件的响应内容，IE浏览器那边仍然还是上一次的响应内容
  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>Document</title>
    <style>
        #result {
            width: 200px;
            height: 200px;
            border: solid 1px #90b;
        }
    </style>
</head>
<body>
    <button>点击发送请求</button>
    <div id="result"></div>
    <script>
        const btn = document.getElementsByTagName("button")[0];
        const result = document.querySelector("#result");

        btn.addEventListener("click", function () {
            const xhr = new XMLHttpRequest();

            // ?t=Date.now()解决缓存问题
            xhr.open("GET", "http://localhost:8000/server4?t=" + Date.now());
            xhr.send();
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4){
                    if (xhr.status >= 200 && xhr.status < 300){
                        result.innerHTML = xhr.response;
                    }
                }
              }
          })
    </script>
</body>
</html>

  2. // 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装

// 专门针对IE缓存的规则
app.get("/server4", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体
    response.send("Hello IE");
    
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

7、请求超时与网络异常处理

  • 提醒用户网络不好或者网络超时，提高用户体验性
  • 超过时间会自动取消请求
  1. 控制台选择脱机，进行测试

  2. <!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>
    <style>
        #result {
            width: 200px;
            height: 200px;
            border: solid 1px #90b;
        }
    </style>

</head>
<body>
    <button>点击发送请求啊</button>
    <div id="result"></div>
    <script>
        const btn = document.getElementsByTagName("button")[0];
        const result = document.querySelector("#result");

        btn.addEventListener("click", function () {
            const xhr = new XMLHttpRequest();
            // 超时设置 2s超时设置,js服务端设置响应时间是3s，所以肯定超时！！！
            xhr.timeout = 3000;
            // 超时回调
            xhr.ontimeout = function () {
                alert("请求超时，请稍后重试!");
              };
            // 网络异常回调
            xhr.onerror = function () {
                alert("你的网络似乎有些问题!");
              }

            xhr.open("GET", "http://localhost:8000/server5");
            xhr.send();

            xhr.onreadystatechange = function () {
                result.innerHTML = xhr.response;
              }
          });
    </script>

</body>
</html>

  3. // 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装

app.get("/server5", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体,延迟响应
    setTimeout(function () {
        response.send("Hello TimeOut");
      }, 3000)
    
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

8、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>Document</title>
    <style>
        #result {
            width: 200px;
            height: 200px;
            border: solid 1px #90b;
        }
    </style>
</head>
<body>
    <button>点击发送请求</button>
    <button>点击取消请求</button>
    <div id="result"></div>
    <script>
        const btn1 = document.getElementsByTagName("button")[0];
        const btn2 = document.getElementsByTagName("button")[1];
        const result = document.querySelector("#result");
        let xhr = null;

        btn1.addEventListener("click", function () {
            xhr = new XMLHttpRequest();
            xhr.open("GET", "http://localhost:8000/server6");
            xhr.send();
            xhr.onreadystatechange = function () {
                result.innerHTML = xhr.response;
              }
          });

        btn2.onclick = function () {
            xhr.abort();
          }
    </script>

</body>
</html>

  2. // 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装

app.get("/server6", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体,延迟响应
    setTimeout(function () {
        response.send("Hello TimeOut");
      }, 3000)
    
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

9、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>Document</title>
    <style>
        #result {
            width: 200px;
            height: 200px;
            border: solid 1px #90b;
        }
    </style>
</head>
<body>
    <button>点击发送请求</button>
    <script>
        const btn1 = document.getElementsByTagName("button")[0];
        var xhr = null;
        // 标识变量
        var flag = false;

        btn1.addEventListener("click", function () {
            // 判断上一次是否请求了
            if (flag){
                xhr.abort();
            }

            xhr = new XMLHttpRequest();

            // 修改标识变量的值
            flag = true;
            
            xhr.open("GET", "http://localhost:8000/server7");
            xhr.send();

            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4){
                    flag = false;
                }
            }
          });
    </script>

</body>
</html>

  2. // 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装

app.get("/server7", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体,延迟响应
    setTimeout(function () {
        response.send("Hello TimeOut");
      }, 3000)
    
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

10、*jQuery操作

1、基本请求

  1. GET
  2. POST
  3. 通用方法
<!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>
    <button>GET</button>
    <button>POST</button>
    <button>通用方式</button>
    <script>
        // GET
        $('button:eq(0)').click(function () {
            $.get("http://localhost:8000/server8", {a:100, b:200}, function (data) {
                console.log(data);
              });
          });

        // POST 四个参数，最后一个参数为响应体类型
        $('button:eq(1)').click(function () {
            $.post("http://localhost:8000/server8", {a:100, b:200}, function (data) {
                console.log(data);
              }, "json");
        });

        // 通用方法
        $('button:eq(2)').click(function () {
            $.ajax({
                // url
                url: "http://localhost:8000/server8",
                // 参数
                data: {a:100, b:200},
                // 请求类型
                type: "GET",
                // 响应体结果设置
                dataType: "json",
                // 成功的回调
                success: function (data) {
                    console.log(data);
                  },
                // 失败回调
                error: function () {
                    console.log("出错了");
                  },
                // 超时时间
                // timeout: 2000
                // 头信息
                /* headers: {

                }*/
            });
        });
    </script>
</body>
</html>

// 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装

// GET
app.get("/server8", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体,延迟响应
    setTimeout(function () {
        response.send("Hello GET");
      }, 3000)
    
  });

// POST
app.post("/server8", function (request, response) {
    // 设置响应头,设置允许跨域
    response.setHeader("Access-Control-Allow-Origin", "*");
    // 设置响应体,延迟响应
    setTimeout(function () {
        response.send("Hello POST");
      }, 3000)
    
});


// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

11、同源问题(跨域)

  • 同源:协议、域名、端口号必须完全相同
  • 跨域:违背同源

1、同源小例子

  1. // 1.引入express
const express = require("express");

// 2.创建应用对象
const app = express();

// 3.创建路由规则
// request是请求报文的封装
// response是响应报文的封装
app.get("/server9", function (request, response) {
    // 
    response.sendFile(__dirname + "/010跨域.html");
    
  });
app.get("/data", function (request, response) {
  response.send("这是数据");
  })

// 4.监听端口启动服务
app.listen(8000, function () {
    console.log("服务已经启动，8000端口监听...");
  })

  2. <!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>
    <style>
        #result {
            width: 200px;
            height: 200px;
            border: solid 1px #90b;
        }
    </style>
</head>
<body>
    <h1>你好</h1>
    <button>点击获取数据</button>
    <div id="result"></div>
    <script>
        $("button:eq(0)").click(function () {
            $.ajax({
                url: "/data",
                type: "GET",
                success: function (data) {
                    console.log(data);
                  }
            })
          })
    </script>
</body>
</html>
AJAX入门
05-24
**AJAX 入门** AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这种技术使得网页更具交互性和响应性，改善了用户体验。AJAX 不是单一的新技术，而是多种...
Ajax入门教程
qq_22075913的博客
03-31 5517
Ajax 学习目标 了解Ajax的概念和作用 了解同步和异步的区别 能够使用jQuery的$.get()和$.post()发送Ajax请求 能够使用jQuery的$.ajax()方法发送Ajax请求 能够定义和解析json 能够使用Jackson转换json格式 能够使用fastjson转换json格式 第一章-JS的AJAX 知识点- AJAX的概述 1.目标 能够理解异步的概念 2.路径 什么是Ajax 什么是异步 为什么要学习Ajax 3.讲解 3
Ajax 入门
hexiechuangxin的博客
02-13 1677
Ajax 入门
ajax入门
dzz_bc的博客
05-24 556
AJAX    A  synchronous  J A vaScript and  X  ML 异步刷新传统方式如果校验用户名的话，需要提交验证，用户名存储在数据库中，只有提交才可与服务器交互。ajax是局部刷新的功能，下边的例子，就是可以直接和servlet交互，从而达到校验的目的。get方式jsp页面&lt;%@ page language="java" contentType="text/h...
java Ajax入门
qq_54088719的博客
12-01 7451
java Ajax入门 文章目录java Ajax入门前言一、同步和异步二、Ajax的使用JavaScript方法JQuery方法总结 前言 接下来整理一下Ajax相关的内容，AJAX（asynchronous js and xml），即异步的JavaScript和xml，它的主要作用就是让页面不必等待服务器返回整个页面信息，而可以通过异步的方式给服务器发送数据和获取数据，对页面进行局部刷新，是一种提高用户体验的技术。 一、同步和异步 同步和异步的主要区别如下； （1）同步：一个响应结束后才能发送下
python教程之ajax入门
09-07
### Python教程之AJAX入门知识点详解 #### 一、AJAX基础学习 1. **概念理解**： - **AJAX（Asynchronous JavaScript and XML）**：一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 - 主要通过在...
《ajax入门经典》源代码
11-18
**Ajax入门经典源代码概述** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这种技术的核心在于利用JavaScript与服务器进行异步数据交互，结合XML或其他...
axios平替！用浏览器自带的fetch处理AJAX（兼容表单/JSON/文件上传）
集成显卡的开源主页 https://github.com/0604hx
11-11 260
fetch 函数是 JavaScript 中用于发送网络请求的内置 API，可以替代传统的 XMLHttpRequest。它可以发送 HTTP 请求（如 GET、POST 等），并返回一个 Promise，从而简化异步操作。
【JavaWeb】JSON介绍及入门案例
2302_78914800的博客
11-13 298
JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON采用完全独立于语言的文本格式，而且很多语言都提供了对JSON的支持，这使得JSON成为理想的数据交换格式JSON由键值对组成，并且由花括号包围。每个键由引号引起来，键和值之间使用冒号进行分隔，多组键值对之间使用逗号进行分隔"key1":12,"key5":{},"key6":[{},{}]
【新手友好】用Pyspark和GraphX解析复杂网络数据
努力的小雨，一个阳光向上的博客不仅仅给你知识更希望带给你快乐
11-14 416
本文介绍了如何在Python / pyspark环境中使用graphx进行图计算。通过结合Python / pyspark和graphx，可以轻松进行图分析和处理。首先需要安装Spark和pyspark包，然后配置环境变量。接着介绍了GraphFrames的安装和使用，包括创建图数据结构、计算节点的入度和出度，以及查找具有最大入度和出度的节点。最后，希望本文章对于新手来说有一些帮助~
Ajax 与 Vue 框架应用点——随笔谈
因为热爱，所以坚持。
11-13 750
随笔记录，关于 Ajax 和 Vue 技术的意义
AJAX学习（24.11.1-24.11.14）(包含HTTP协议）
2401_84827689的博客
11-14 550
1.通信概念：信息的传递和交换；三要素： =》主体（服务器和客户端）​ =》内容​ =》方式协议：互联网的通信协议是网页内容的传输协议。（网页内容又叫超文本）HTTP协议：超文本传输协议（HyperText Transfer Protocol）3.how。
日志：中文 URI 参数乱码之 encodeURI、encodeURIComponent、escape 作为 Ajax 中文参数编码给 ASP 的记录
最新发布
编程路
11-14 150
对于 ASP 来说，最适配的 URI 中文参数传递转换应该还是推荐 Unicode 编码，不和浏览器默认转换 UTF-8 扯皮，扯不清楚，于是自己写了个简单的 VBS 版 unescape
Pytorch版代码幻灯片.zip
11-14
Jupyter-Notebook
Jupyter_Chat甄嬛是利用甄嬛传剧本中所有关于甄嬛的台词和语句基于ChatGLM2进行LoRA微调得到的模仿甄.zip
11-14
Jupyter-Notebook
高效甘特图模板下载-精心整理.zip
11-14
高效甘特图模板下载-精心整理.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

cs4m

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

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

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

打赏作者

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

抵扣说明：

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

余额充值