JSON&Ajax

已于 2022-11-04 15:25:57 修改
阅读量421 收藏 2
点赞数 1
分类专栏： JavaWeb 文章标签： json ajax javascript
于 2022-09-21 08:50:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35947021/article/details/126965377
版权

目录
一、基本介绍
二、JSON格式
三、JSON的使用
  1. JSON对象和JSON字符串的转换
  2. JSON在java中的使用
四、Ajax的使用
  1. 基本介绍
  2. Ajax应用的场景
  3. 使用原生的javaScript发送Ajax请求
   3.1 创建XMLHttpRequest对象
   3.2 向服务器发送请求
   3.3 服务器响应
   3.4 处理服务器响应之后的请求
  4. 使用Jquery发送Ajax请求
   4.1 使用$.ajax()进行Ajax请求
   4.2 使用$.get()进行Ajax请求
   4.3 使用$.post()进行Ajax请求
   4.4 使用$.getJson()进行Ajax请求
五、总结

一、基本介绍

JSON：JavaScript对象表示法（JavaScript Object Notation）。JSON是轻量级的文本呢数据交换格式。JSON并非只服务于某一个语言，而是像java、php、go等都可以使用JSON

二、JSON格式

var 变量名 = {
    "k1" : value, //Number类型
    "k2" : "value", //字符串类型
    "k3" : [], //数组类型
    "k4" : {}, //json对象类型
    "k5" : [{}{}] //json数组
}

💡提示：

  1. 映射(元素/属性)用冒号 : 表示，"名称":值 。注意名称是字符串，因此要用双引号引起来
  2. 并列的数据之间用逗号 , 分隔。“名称 1”:值,“名称 2”:值
  3. 映射的集合(对象)用大括号 {} 表示。{“名称 1”:值,“名称 2”:值}
  4. 并列数据的集合（数组）用方括号 [] 表示。 [{“名称 1”:值,“名称 2”:值}, {“名称 1”:值," 名称 2":值}]
  5. 元素值类型：string, number, object, array, true, false, null

📝示例：

var myJson = {
    "key1": "MyJson", // 字符串
    "key2": 123, // Number
    "key3": [1, "hello", 2.3], // 数组
    "key4": {"age": 12, "name": "jack"}, //json 对象
    "key5": [
    {"k1":10,"k2":"str"},
    {"k3":10,"k4":"str"}
    ] //json 数组
};

三、JSON的使用

这里先简单演示一下，快速入门

📌演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示</title>
    <script type="text/javascript" src="../../script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        var myJson = {
            "key1": "myJson", // 字符串
            "key2": 123, // Number
            "key3": [1, "hello", 2.3], // 数组
            "key4": {"age": 12, "name": "jack"}, //json 对象
            "key5": [] //json 数组
        };
        alert(myJson.key3);
    </script>
</head>
<body>
</body>
</html>

1. JSON对象和JSON字符串的转换

🔉需要用到的方法

// 将一个json对象转换为json字符串
JSON.stringfiy(json对象)
// 将一个json字符串转换为json对象
JSON.parse(jsonString)
  1. 这里的JSON是一个内置对象，不需要创建。
  2. 上面两个方法的使用，都不会影响原来的 JSON对象/json字符串，而是返回一个新的转换后的变量。
  3. 在定义JSON对象的时候，可以使用单引号''表示字符串
  4. 在将原生的字符串转换为json对象的时候，必须使用双引号""，否则会报错。
  5. 、JSON.springify(json 对象) 返回的字符串, 都是用双引号""表示的字符串, 所以在语法格式正确的情况下, 是可以重新转成 json 对象的。

2. JSON在java中的使用

📥gson.jar包下载地址

java中使用JSON，需要引入第三方的gson.jar包。gson是Goole提供的用来在Java对象和JSON数据之间进行映射的java类库

📝示例

Student对象

package com.json;
/**
 * @author long
 * @date 2022/9/14
 */
public class Student {
    private int id;
    private int age;
    private String name;

    public Student(int id, int age, String name) {
        this.id = id;
        this.age = age;
        this.name = name;
    }

    public Student() {
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    @Override
    public String toString() {
        return "Student{" +
                "id=" + id +
                ", age=" + age +
                ", name='" + name + '\'' +
                '}';
    }
}

📌json字符串和java对象的相互转化

package com.json;
import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;
/**
 * @author long
 * @date 2022/9/14
 */
public class MyJson{
    public static void main(String[] args) {
        
        Student student = new Student(1, 18, "张三");
        Gson gson = new Gson();
        // java对象转换为json字符串
        String studentStr = gson.toJson(student);
        System.out.println(studentStr);
        // json字符串转换为java对象
        Student student1 = gson.fromJson(studentStr, Student.class);
        System.out.println(student1);
    }
}

📌json字符串和java集合的相互转换

package com.json;
import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;
import java.util.ArrayList;
import java.util.List;

/**
 * @author long
 * @date 2022/9/14
 */
public class MyJson{
    static class StudentType extends TypeToken<List<Student>>{}
    public static void main(String[] args) {

        // List集合和json的相互转换
        List<Student> studentList = new ArrayList<>();
        studentList.add(new Student(2,18,"李四"));
        studentList.add(new Student(3,18,"王五"));
        // List转换为json字符串
        String listStr = gson.toJson(studentList);
        System.out.println(listStr);
        // json字符串转换为List（方式一）
        List<Student> studentList1= gson.fromJson(listStr, new StudentType().getType());
        System.out.println(studentList1);
        // json字符串转换为List（方式二:匿名内部类）
        List<Student> studentList2 = gson.fromJson(listStr, new TypeToken<List<Student>>() {
        }.getType());
        System.out.println(studentList2);

    }
}


package com.json;
import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;
import java.util.HashMap;
import java.util.Map;

/**
 * @author long
 * @date 2022/9/14
 */
public class MyJson{
    public static void main(String[] args) {

        // map集合和json的相互转换
        Map<String,Student> studentMap = new HashMap<>();
        studentMap.put("one",new Student(4,18,"张三"));
        studentMap.put("two",new Student(5,18,"张三"));
        // map转为json
        String studentMapStr = gson.toJson(studentMap);
        System.out.println(studentMapStr);
        // json转为map
        Map<String,Student> studentMap1 = gson.fromJson(studentMapStr, new TypeToken<HashMap<String, Book>>() {
        }.getType());
        System.out.println(studentMap1);
        
    }
}

四、Ajax的使用

1.基本介绍

Ajax：Asynchronous Javascript And XML(异步 JavaScript 和 XML)。Ajax是一种浏览器异步发起请求（指定发哪些数据），局部更新页面数据的技术。
异步发起请求：即我向后台发送了数据，但我的整个页面不会重新刷新（这样避免了每次都向后端发送很多重复的，无用的数据）

2.Ajax应用的场景

  1. 搜索引擎根据用户输入关键字，自动提示检索关键字
  2. 动态加载数据，按需取得数据【树形菜单、联动菜单…】
  3. 改善用户体验。【输入内容前提示、带进度条文件上传…】
  4. 电子商务应用。 【购物车、邮件订阅…】

3.javaScript原生Ajax请求

首先我们简单的演示一下

📝演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <script type="text/javascript">
        window.onload = function () { //页面加载后执行function
            var checkButton = document.getElementById("checkButton");
            //给checkButton绑定onclick
            checkButton.onclick = function () {

                // 创建XMLHttpRequest对象(!!!) [ajax引擎对象]
                var xhr = new XMLHttpRequest();
                //   获取用户填写的用户名
                var uname = document.getElementById("uname").value;

                // 准备发送指定数据 open, send
                xhr.open("GET", "/ajax/checkUserServlet?uname=" + uname, true);

                // 每当 xhr对象readyState 改变时，就会触发 onreadystatechange 事件
                xhr.onreadystatechange = function () {
                    //如果请求已完成，且响应已就绪, 并且状态码是200
                    if (xhr.readyState == 4 && xhr.status == 200) {
                        //把返回的jon数据,显示在div
                        document.getElementById("div1").innerHTML = xhr.responseText;
                        var responseText = xhr.responseText;
                        if (responseText != "") {
                            document.getElementById("myres").value = "用户名不可用"
                        } else {
                            document.getElementById("myres").value = "用户名可用"
                        }
                    }
                }

                xhr.send();
            }
        }
    </script>
</head>
<body>
<h1>用户注册~</h1>
<form action="/ajax/checkUserServlet" method="post">
    用户名字:<input type="text" name="username" id="uname">
    <input type="button" id="checkButton" value="验证用户名">
    <input style="border-width: 0;color: red" type="text" id="myres"><br/><br/>
    用户密码:<input type="password" name="password"><br/><br/>
    电子邮件:<input type="text" name="email"><br/><br/>
    <input type="submit" value="用户注册">
</form>
<h1>返回的json数据</h1>
<div id="div1"></div>
</body>
</html>

📌使用步骤

3.1 创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

3.2 向服务器发送请求

GET方式

xmlhttp.open("GET", "/ajax/checkUserServlet?uname=" + uname, true);
xmlhttp.send();

POST方式

xmlhttp.open("POST","/ajax/checkUserServlet",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("uname" + uname);

  1. 因为要异步请求，所以open()方法的第三个参数必须为true

  2. POST请求发送表单数据的时候，需要将表单数据添加到send()的参数里

  3. GET请求发送表单数据的时候，是将表单数据添加发送地址后边

  4. 上面的用例，表单数据发送到时候在url后边添加了?uname=，这相当于表单数据的name名称，所以Servlet获取参数的时候应该是String uname = request.getParameter("uname");

3.3 服务器响应

XMLHttpRequest有两个属性，用来获取响应的数据。

  1. responseText：获得字符串形式的响应数据。
  2. responseXML：获得XML形式的响应数据。

3.4 处理服务器返回的响应

xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}

XMLHttpRequest对象有三个属性：

  1. onreadystatechange：存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
  2. readyState：XMLHttpRequest的状态，共四种。
    • 0：请求未初始化
    • 1：服务器连接已建立
    • 2：请求已接收
    • 3：请求处理中
    • 4：请求已完成，且响应已就绪
  3. status：状态码
    • 200：响应成功
    • 404：未找到页面

4. jQuery的Ajax请求

4.1 使用$.ajax()进行Ajax请求

📝示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <!--    引入jquery-->
    <script type="text/javascript" src="./script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //绑定事件
            $("#btn1").click(function () {
                //发出ajax
                $.ajax({
                    url: "/ajax/checkUserServlet2",
                    type: "POST",
                    data: { //这里我们直接给json传日期, 是为了浏览器缓存
                        username: $("#uname").val(),
                        date: new Date()
                    },
                    error: function () { //失败后的回调函数
                        console.log("失败~")
                    },
                    success: function (data, status, xhr) {
                        console.log("成功");
                        console.log("data=", data);
                        console.log("status=", status);
                        console.log("xhr=", xhr);
                        //data是json对象-> 显示转成json的字符串
                        $("#div1").html(JSON.stringify(data));
                        //对返回的结果进行处理
                        if ("" == data.username) {
                            $("#myres").val("该用户名可用");
                        } else {
                            $("#myres").val("该用户名不可用");
                        }
                    },
                    // dataType可以决定succes等回调函数处理数据的格式
                    dataType: "json"
                })

            })
        })
    </script>
</head>
<body>
<h1>用户注册-Jquery+Ajax</h1>
<form action="/ajax/checkUserServlet2" method="post">
    用户名字:<input type="text" name="username" id="uname">
    <input type="button" id="btn1" value="验证用户名">
    <input style="border-width: 0;color: red" type="text" id="myres"><br/><br/>
    用户密码:<input type="password" name="password"><br/><br/>
    电子邮件:<input type="text" name="email"><br/><br/>
    <input type="submit" id="submit" value="用户注册">
</form>
<h1>返回的json数据</h1>
<div id="div1"></div>
</body>
</html>

🎈回调函数有三个参数：

  1. success(response,status,xhr)：
    • response - 包含来自请求的结果数据
    • status - 包含请求的状态
    • xhr - 包含 XMLHttpRequest 对象

4.2 使用$.get()进行Ajax请求

📝示例：

$.get(
                "/ajax/checkUserServlet",
                {
                    username: $("#uname").val(),
                    date: new Date()
                },
                function (data, status, xhr) {
                    console.log("$.get() 成功");
                    console.log("data=", data);
                    console.log("status=", status);
                    console.log("xhr=", xhr);
                    //data是json对象-> 显示转成json的字符串
                    $("#div1").html(JSON.stringify(data));
                    //对返回的结果进行处理
                    if ("" == data.username) {
                        $("#myres").val("该用户名可用");
                        } else {
                        $("#myres").val("该用户名不可用");
                    }
                },
                "json"
)

💡说明：

  1. $.get() 默认是get请求，不需要指定 请求方式
  2. 不需要指定参数名
  3. 填写的实参，是顺序 url, data, success回调函数, 返回的数据格式

4.3 使用$.post()进行Ajax请求

📝示例：
和$.get()的方式一样

$.post(
                    "/ajax/checkUserServlet",
                    {
                        username: $("#uname").val(),
                        date: new Date()
                    },
                    function (data, status, xhr) {
                        console.log("$.post() 成功");
                        console.log("data=", data);
                        console.log("status=", status);
                        console.log("xhr=", xhr);
                        //data是json对象-> 显示转成json的字符串
                        $("#div1").html(JSON.stringify(data));
                        //对返回的结果进行处理
                        if ("" == data.username) {
                            $("#myres").val("该用户名可用");
                        } else {
                            $("#myres").val("该用户名不可用");
                        }
                    },
                    "json"
)

4.4 使用$.getJson()进行Ajax请求

这个方式的Ajax请求必须是get请求，并且返回的数据格式必须是json

📝示例：

$.getJSON(
    "/ajax/checkUserServlet2",
    {
        username: $("#uname").val(),
        date: new Date()
    },
    function (data, status, xhr) {//成功后的回调函数
        console.log("$.getJSON 成功");
        console.log("data=", data);
        console.log("status=", status);
        console.log("xhr=", xhr);
        //data是json对象-> 显示转成json的字符串
        $("#div1").html(JSON.stringify(data));
        //对返回的结果进行处理
        if ("" == data.username) {
            $("#myres").val("该用户名可用");
        } else {
            $("#myres").val("该用户名不可用");
        }
    }
)

五、总结

以上就是我分享的关于Ajax和JSON的所有内容。讲解的不是很深入，适合于想快速上手的小伙伴！如果想要深入了解，大家可以去👉官网了解。

最后希望大家多多关注^_^，你们的关注是我不断前进的动力！！！
感谢感谢~~~🙏🙏🙏

艺术留白
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Ajax请求json
慕北丶
03-30 5893
文章目录将JSON数据显示到页面查询一个雇员信息取得List集合数据异步请求Map集合数据 将JSON数据显示到页面 发送异步请求，取得json数据，服务器端将json数据返回给js的回调函数之后，可以在回调函数中输出，但是最终目的不是仅仅将数据输出，而是要将这些json数据显示到页面，此时就需要借助js对dom的操作功能将数据生成到HTML页面了 查询一个雇员信息 emp.jsp <%@ ...
使用Ajax请求Json
tianxingege_的博客
07-12 2250
第一种方法 //创建请求对象 var request = new XMLHttpRequest(); //配置请求参数，请求方式，请求地址 request.open("get", "..js/aap.json", true); //请求处理函数 request.onreadystatechange = function() { if (request.readyState == 4
1. AJAX： 2. JSON
羽扬 -- YYDCYY
09-16 315
内容 1. AJAX： 2. JSON AJAX： 1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 ...
ajax发送json数据的请求
noodzhan
06-17 231
前端 $(function () { $("#upload").click(function () { const name = $(":input[name='name']").val(); const info = $(":input[name='info']").val(); var clazz = {}; clazz.name = name; clazz.info = info; $.ajax({ url
使用Ajax发起JSONP请求
qq_43808342的博客
12-18 1939
对基于Ajax发起的JSONP请求做了一个简单的总结
Ajax&Json&XML.html
02-04
Ajax&Json&XML常用基本操作 JSON数据和Java对象的相互转换 常见的解析器：Jsonlib，Gson，fastjson，jackson JSON转为Java对象 1. 导入jackson的相关jar包 2. 创建Jackson核心对象 ObjectMapper 3.调用...
Ajax&Json笔记
03-28
在Ajax应用中，JSON经常被用作数据交换格式，因为它能直接被JavaScript解析，不需要额外的解析库。当一个Ajax请求发送到服务器时，服务器端处理请求并返回JSON格式的数据。JavaScript的XMLHttpRequest对象接收到这些...
基于JSON的AJAX请求案例
05-10
**基于JSON的AJAX请求案例** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下更新部分网页的技术。而JSON（JavaScript Object Notation）是轻量级的数据交换格式，它使得...
Ajax&Json视频教程
06-28
Ajax（异步JavaScript和XML）...通过这个Ajax&Json视频教程，你将能够熟练地在Web应用中运用Ajax和JSON，实现无刷新的数据交互，提升用户的浏览体验。无论你是初学者还是有经验的开发者，这都将是一次充实的学习之旅。
JSON_ajax笔记2
08-08
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，设计... 这些是JSON和AJAX的基本概念及使用方法，它们共同构成了Web应用程序中数据交互的重要组成部分，使得用户可以享受到更流畅、更动态的网页体验。
ajax请求复杂的json数据实例
01-31
ajax请求复杂的json数据实例，下载看看下载看看下载看看
通过Ajax进行Post提交Json数据的方法
12-09
js代码 $.ajax({ type : "POST", url : js_path + "/maintainAdd/add", data : JSON.stringify(madd_data.editMaintain), contentType : "application/json", dataType : "json", complete:function(msg) { layer.msg("报修成功",{time:2000}); layer.close(madd_data.w_c_
ajax 请求 json 说明
藏经阁
07-10 169
$.ajax({ type: "GET", url:"http://localhost:8080/big/gogo?type=market&id=<%=request.getParameter("id")%>", data:{ name:"hello" }, dataType: "json", success: function(json){ }, error: function(){ } });
$.ajax 怎么进行 json请求
最新发布
hongmy94的博客
07-03 924
.ajax请求默认是form表单的格式，这次给到的接口需要的是json的格式，一开始只是将dataType调整为application/json;charset=utf-8，在f12看到的确实是将请求方式改变了，但是参数格式不对劲，应该是个json对象才对。通过查找才知道:application/json;charset=utf-8以及将data进行了JSON.stringify()以后才能得到一个正确的请求。
Ajax学习：服务端响应Json格式数据的请求
weixin_47295886的博客
11-29 1280
自动设置数据转换（ //自动转换——借助xhr对象上的属性responseType， xhr.responseType='json';首先进行服务器端进行书写——实际上在我的浏览器版本中直接 send直接传递对象也是可以的。手动设置数据转换 json转对象JSON.parse(xhr.response);在窗口下面按下任意一个按键就会向服务端发送请求，服务端会返回结果，在div中显示。在实际工作中，向服务端发送请求，服务端返回的结果大都是json格式的数据，这里的重点是：传递对象给客户端。
使用ajax, json请求所有数据
crisonpupil的博客
05-29 97
models.py class User(db.Model): id = db.Column(db.Integer, primary_key=True) uphone = db.Column(db.String(11)) def to_dict(self): dic = { 'id': self.id '...
Ajax请求，基于JSON的数据交换 实例
heliuerya的博客
05-10 623
/将浏览器返回的信息JSON格式的字符串转换成JSON对象，这个JSON对象是一个数组。//类加载时绑定属性资源文件（静态变量和静态代码块的执行时间一样,都是在类加载的时候执行,这时就看代码的先后顺序了,谁在前谁先执行）//将拼接好的html代码响应到"tbody"标签。//根据下标从数组中获取到JSON对象。//开始拼接html代码。//将List集合转换成JSON格式的字符串。//设置响应信息的内容和字符集，防止中文乱码。//发送Ajax请求。//1.创建核心对象。//2.注册回调函数。
JSON&AJAX 请求
qq_45809896的博客
09-17 262
1、什么是 JSON JSON (JavaScript Object Notation) 是⼀种轻量级的数据交换格式。易于⼈阅读和编写。同时也易于机 器解析和⽣成。JSON 采⽤完全独⽴于语⾔的⽂本格式，⽽且很多语⾔都提供了对 json 的⽀持（包括 C, C++, C#, Java,JavaScript, Perl, Python 等）。 这样就使得 JSON 成为理想的数据交换格式。 json 是⼀种轻量级的数据交换格式。 轻量级指的是跟 xml 做⽐较。 数据交...
JSON数据格式与 AJAX 请求
weixin_51992178的博客
10-15 1940
修改了`produces`的值，将返回的内容类型设定为`application/json`，表示服务器端返回了一个 JSON 格式的数据（当然不设置也行，也能展示，这样是为了规范）然后我们在方法上添加一个`@ResponseBody`表示方法返回（也可以在类上添加`@RestController`表示此 Controller 默认返回的是字符串数据）的结果不是视图名称而是直接需要返回一个字符串作为页面数据，这样，返回给浏览器的就是我们直接返回的字符串内容。向服务端发送一个 JS 对象数据并进行解析。
json 与ajax 请求
05-28
JSON（JavaScript Object Notation）和 AJAX（Asynchronous JavaScript and XML）都是用于在客户端和服务器之间传递数据的技术。 JSON 是一种轻量级的数据交换格式，它使用键值对和数组来表示数据。JSON 格式通常用于在客户端和服务器之间传递结构化的数据。在 AJAX 中，JSON 格式通常用于在客户端和服务器之间传递数据。 AJAX 是一种异步请求数据的技术，它可以在不刷新整个页面的情况下向服务器请求数据并更新页面的部分内容。在 AJAX 中，可以使用 JSON 格式向服务器发送数据，并使用 JSON 格式接收服务器返回的响应数据。 使用 AJAX 发送 JSON 格式数据的请求通常使用 POST 方法，数据放在请求的主体中。在客户端代码中，可以使用 JSON.stringify() 方法将数据转换为 JSON 字符串，并将其放在请求的主体中。在服务器端代码中，可以使用 JSON.parse() 方法将 JSON 格式的字符串转换为对象，以便对其进行处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

艺术留白

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

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

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

打赏作者

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

抵扣说明：

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

余额充值