AJAX(express)

已于 2023-05-12 00:20:55 修改
阅读量133 收藏
点赞数 3
分类专栏： 前端 文章标签： ajax javascript 前端
于 2023-04-08 22:38:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73369512/article/details/130035894
版权

文章目录

AJAX

释放端口 ctrl+c
自启动服务端 npx nodemon nidi.js
IE缓存问题解决：添加一个Date.now() 让它知道这是动态

XML 用来传输和保存数据（自定义标签）

目前已经被JSON取代

HTTP

超文本传输协议
HTTP请求报文格式
行 GET/POST /s?ie=utf-t(url) HTTP/1.1(版本)
头 Host: nidi.com
Cookie: name=nidi
Content-type: application/x-www-form-urlencoded
Use-Agent: chrome 83"
空行
体 GET请求体为空，POST请求体可以不为空

响应报文格式
行 HTTP协议版本 响应状态码 响应状态字符串
头
Content-type: text/html;charset=utf/8
Content-length: 2048
Content-encoding: gzip
空行
体 HTML语法内容

<html>
    <head>
    </head>
    <body>
    	<h1></h1>
    </body>
</html>

Express

//引入express
const express = require('express');
//创建应用对象
const app = express();
//创建路由规则
//request 是请求报文的封装
//response 是对响应报文的封装
app.get('/server', (request, response)=>{
//改成/server,当客户端浏览器发送请求时，url的路径是请求行的第二段的内容他的路径是/server，执行回调函数
    //设置响应头    设置允许跨域
    response.setHeader('Access-Control-Allow-Origin', '*');
    //设置响应
    response.send('hello ajax');
});
//监听端口启动服务
app.listen(8000, ()=>{
    console.log("服务已经启动,8000端口监听中");
});

释放端口 ctrl+c

请求基本操作

get请求操作

get请求体放在路径后面加？即可

<body>
    <button>点击提示信息</button>
    <div id="result"></div>
</body>
<script>
    const btn = document.getElementsByTagName('button')[0];
    btn.onclick = function(){
        console.log('test');
    //ajax操作  响应报文
    //1.创建对象
    const xhr = new XMLHttpRequest();
    //2.初始化 设置请求方法和url
    xhr.open('GET','http:/127.0.0.1:8000/server?a=100&b=200');
    //设置请求参数 ?a=100&b=200
    //3.发生
    xhr.send();
    //4.事件绑定
    //on when当..的时候
    //redystate 是xhr对象中的属性
    //状态0 1 2 3 4
    //0 表示未初始化
    //1 open方法调用完毕
    //2 send方法调用完毕
    //3 服务端返回了部分结果
    //4 服务端返回了所有结果
    //change 改变
    xhr.onreadystatechange = function(){
        //判断(服务端返回所有结果)
        if(xhr.readyState === 4){
            //判断响应状态码 200 404 403 401 500
            //2xx 成功
            if(xhr.status >= 200 && xhr.status < 300){
                //处理结果 行 头 空行 体
                //响应
                // console.log(xhr.status);//状态码
                // console.log(xhr.statusText);//状态字符串
                // console.log(xhr.getAllResponseHeaders());//所有响应头
                // console.log(xhr.response);//响应体

                //设置result的文本
                result.innerHTML = xhr.response;
            }
        }
    }
    }
</script>

const express = require('express');
const app = express();
app.get('/server', (request, response) => {
    //当客户端浏览器发送请求时，url的路径是请求行的第二段的内容他的路径是/server，执行回调函数
    response.setHeader('Access-Control-Allow-Origin', '*');
    response.send('hello');
});
app.listen(8000, () => {
    console.log("服务已经启动,8000端口监听中");
});
POST请求操作

鼠标经过div发送Ajax请求，将请求体显示在div中
post请求体放在send()中

<body>
    <div id="result">放在上面提示信息</div>
</body>
<script>
    //获取元素对象
    const result = document.getElementById("result");
    //绑定事件
    //mouseover 当鼠标发放在上面时发送请求
    result.addEventListener("mouseover",function(){
        console.log("test");
        //1.创建对象
        const xhr = new XMLHttpRequest();
        //2.初始化 设置类型与URL
        xhr.open('POST', 'http://127.0.0.1:8000/server');
        //设置请求体
        
        //3.发送
        xhr.send('a=100&b=200');
        //post请求体放在send中
        //4.事件绑定
        xhr.onreadystatechange = function(){
            //判断
            if(xhr.readyState === 4){
                if(xhr.status >= 200 && xhr.status < 300){
                    //处理服务端返回结果
                    result.innerHTML = xhr.response;
                }
            }
        }
    
    })
</script>

const express = require('express');
const app = express();
app.post('/server', (request, response) => {
    //设置响应头    允许跨域
    response.setHeader('Access-Control-Allow-Origin', '*');  
    //设置响应体
    response.send('hello post');
});
app.listen(8000, () => {
    console.log("服务已经启动,8000端口监听中");
});

响应状态码返回404的原因
1.url设置出错 (http://)
2.网络出现波动，请求错误

设置头信息
//写在open后面
//设置请求头
//Content-Type设置请求体内容类型    第二个''参数查询字符串的类型(固定写法)
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        //自定义 错误原因:在请求头中加入了自定义的头
        xhr.setRequestHeader('name','nidi');
		//解决方法：
//在js中加入 （设置自定义请求头服务器需设置）
//response.setHeader('Access-Control-Allow-Headers','*');
//并把类型变成all
const express = require('express');
const app = express();
app.all('/server', (request, response) => {
    //设置响应头    允许跨域
    response.setHeader('Access-Control-Allow-Origin', '*');  
   //响应头 可以自定义
    response.setHeader('Access-Control-Allow-Headers','*');
    //设置响应体
    response.send('hello post');
});
app.listen(8000, () => {
    console.log("服务已经启动,8000端口监听中");
});
服务端响应JSON数据

服务器响应也可以设置为一个数据发送过去，但是不能直接写，要通过JSON.stringify(数据)把数据转换为JSON字符串。因为resopnse.send()中只能写字符串

<div id="result">按下键盘按键反应</div>
    <script>
        const result = document.getElementById('result');
        //绑定键盘按下事件
        window.onkeydown = function(){
            //发送请求
            const xhr = new XMLHttpRequest();
            //设置响应体数据类型
            xhr.responseText = 'json';
            //初始化
            xhr.open('GET','http://127.0.0.1:8000/json-server');
            //发送
            xhr.send();
            //事件绑定
            xhr.onreadystatechange = function(){
                if ( xhr.readyState === 4){
                    if ( xhr.status >= 200  && xhr.status <= 300){
                        // console.log(xhr.response);
                        // result.innerHTML = xhr.response;
//页面拿到json响应体是无法直接识别的，需要将json字符串转化为js对象
                        //1.手动对数据转化
                        // let data = JSON.parse(xhr.response);
                        // console.log(data);
                        // result.innerHTML = data.name;
                        //2.自动对数据转换
                        //借助xhr.resopnseType = 'json';
                        //在上面设置响应体数据类型
                        console.log(xhr.response);
                        result.innerHTML = data.name;
                    }
                }
            }
        }
    </script>

const express = require('express');
const app = express();
app.all('/json-server', (request, response) => {
   //响应头
    response.setHeader('Access-Control-Allow-Headers','*');
    //响应一个数据
    const data = {
        name: 'nidi'
    };
    //对对象进行字符串转换
    let str = JSON.stringify(data);
    //设置响应体
    response.send(str);
});
app.listen(8000, () => {
    console.log("服务已经启动,8000端口监听中");
});

网络请求超时及网络异常处理

服务端写个定时器，3s之后发送给响应体

const express = require('express');
const app = express();
app.all('/delay', (request, response) => {
   //响应头
    response.setHeader('Access-Control-Allow-Headers','*');
    //延时响应 3s做出响应
    setTimeout(() => {
        //设置响应体
        response.send('延时响应');
    }, 3000);
    
});
app.listen(8000, () => {
    console.log("服务已经启动,8000端口监听中");
});

前端页面设置超时设置xhr.timeout = 2000
超时回调xhr.ontimeout 网络异常回调xhr.onerror

<button>点击发送</button>
    <div id="result"></div>
    <script>
        const btn = document.getElementsByTagName('button')[0];

        btn.addEventListener('click', function(){
            const xhr = new XMLHttpRequest();
            //超时设置  如果超时2s就取消
            xhr.timeout = 2000;
            //网络回调
            xhr.ontimeout = function(){
                alert('网络异常，请稍后重试');
            }
            //网络异常回调
            //onerror 错误监视器
            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>

手动取消请求

<button>点击发送</button>
    <button>取消发送</button>

    <script>
        const btns = document.querySelectorAll('button');
        let x = null;
		//发送按钮
        btns[0].onclick = function(){
            //发送请求
            x = new XMLHttpRequest();
            x.open("GET", 'http://127.0.0.1:8000/delay');
            x.send();
        }
        //abort 借助这个来取消请求
        btns[1].onclick = function(){
            x.abort();
        }
    </script>

nidi.js
定时发送的响应体

const express = require('express');
const app = express();
app.all('/delay', (request, response) => {
   //响应头
    response.setHeader('Access-Control-Allow-Headers','*');
    //延时响应 3s做出响应
    setTimeout(() => {
        //设置响应体
        response.send('延时响应');
    }, 3000);
    
});
app.listen(8000, () => {
    console.log("服务已经启动,8000端口监听中");
});

请求重复发送问题

多次相同请求，只会给服务端发送一个请求

<button>点击发送</button>
    <script>
        const btns = document.querySelectorAll('button');
        let x = null;
        //标识变量
        let nidi = false;//是否在发送AJAX请求

        btns[0].onclick = function(){
            //判断标识变量
            if ( nidi) x.abort();//如果正在发送，则取消该请求，创建一个新的请求
            x = new XMLHttpRequest();
            //修改标识变量值
            nidi = true;
            x.open("GET", 'http://127.0.0.1:8000/delay');
            x.send();
            x.onreadystatechange = function(){
                if(x.readyState === 4){
                    //有可能请求失败，所以不用再做判断，只要拿到结果
                    nidi = false;//拿到服务器的全部结果后，设置false
                }
            }
        }
    </script>

Axios发送AJAX请求

1.安装axios
npm i axios

2.在线引用

可以去BootCND上面找

< script crossorigin=“anonymous” src=“https://cdn.bootcdn.net/ajax/libs/axios/1.3.4/axios.min.js”>

配置服务器

const express = require('express');
const app = express();
//all方式 可以接受任意类型的请求
app.all('/axios-server', (request, response) => {
    //设置响应头    允许跨域
    response.setHeader('Access-Control-Allow-Origin', '*');  
   //响应头
    response.setHeader('Access-Control-Allow-Headers','*'); 
        //设置响应体
        const data = {name:'nidi'};
        response.send(JSON.stringify(data)); 
});
app.listen(8000, () => {
    console.log("服务已经启动,8000端口监听中");
});

发送GET请求

const btns = document.querySelectorAll('button');
        btns[0].onclick = function(){
            //GET请求 决定给谁发
            axios.get('http://127.0.0.1:8000/axios-server',{
                //url参数
                params: {
                    id: 100,
                    vip: 7
                },
                headers: {
                    name:'nidi',
                    age:20
                }
            });
        }

tip:可用baseURL对url进行简化

//配置baseURL
axios.defaults.baseURL='http://127.0.0.1:8000';
axios.get('axios-server',{
});

数据返回是基于Promise的：

.then(value => {
                console.log(value);
            })

axios发送请求成功的值是一个封装好的响应对象
我们需要的响应数据藏在response.data中

发送POST请求

 btns[1].onclick = function() {
            axios.post('http://127.0.0.1:8000/axios-server', {
                username: 'nidi',
                password: '1234'
            },{
                params: {
                    id:100,
                    vip: 7
                },
                headers: {
                    height: 180,
                    weight: 180,
                }
            });
        }

axios函数发送通用请求

btns[2].onclick = function (){
            axios({
                // 请求方法
                method: 'POST',
                // url
                url: 'http://127.0.0.1:8000/axios-server',
                // url参数
                params: {
                    vip:10,
                    level:30
                },
                // 头信息
                headers: {
                    a:100,
                    b:200
                },
                // 请求体
                data: {
                    username: 'admin',
                    password: 'admin'
                }
            }).then((response) =>{
        console.log(response);//全部响应结果
        console.log('响应状态码:', response.status);
        console.log('响应状态字符串:',response.statusText);
        console.log('响应头信息:', response.headers);
        console.log('响应体:', response.data);
    })

        }

总结
axios本质上是对原声XMLHttpRequest的封装，不需要复杂的步骤

1.创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

2.初始化，给定请求方式以及请求地址
xhr.open(“请求方式”, ulr地址)；

3.发送请求
xhr.send();

4.获取服务器端给客户端的响应数据
现在只需要写axios.get或axios.post或通用请求

feth()函数发送AJAX请求

const btns = document.querySelector('button');
        btns.onclick = function () {
            //参数在
            fetch('http://127.0.0.1:8000/fetch-server?vip=10',{
                //请求方法
                method:'POST',
                //请求头
                headers:{
                    name:'nidi'
                },
                //请求体
                body:'username=nidi&&password=1234'
            }).then(response => {
                return response.text();
       //如果服务端放回结果是json，就把text改为json，会自动解析成json对象
            }).then(response =>{
                console.log(response);
            });
        }

同源策略

网页ulr和ajax请求的目标资源的url的协议、域名、端口保持一致
违背同源策略就是跨域

//要从http://120.0.0.1:9000/home打开，这样才能做到9000端口同源
<h1>你弟啊</h1>
    <button>点击获取用户数据</button>
    <script>
        const btn = document.querySelector('button');

        btn.onclick = function(){
            const x = new XMLHttpRequest();
            //因为是同源策略，所有url可用简写
            x.open("GET",'/data');
            //发送
            x.send();
            x.onreadystatechange = function(){
                if (x.readyState === 4){
                    if ( x.status >= 200 && x.status < 300){
                        console.log(x.response);
                    }
                }
            }
        }
    </script>

const express = require('express');
const app = express();
app.get('/home', (request, response) => {
   response.sendFile(__dirname + '/nidi.html');
});
app.get('/data', (request, response) => {
    response.send('用户数据');
});
app.listen(9000, () => {
    console.log("服务已经启动,9000端口监听中");
});
解决跨域的方法

JSONP(非官方)，只支持get请求
利用script标签的跨域能力来发送请求

CORS(官方)，跨域资源贡献
不需要在客户端做任何操作,完成在服务器中进行处理
CORS通过设置一个响应头来告诉浏览器允许跨域

response.setHeader('Access-Control-Allow-Headers','*');

原生jsonp的实践

输入框失去焦点后，input变红，p显示文字

用户名: <input type="text" id="username">
    <p></p>
    <script>
        //获取input元素
        const input = document.querySelector('input');
        const p = document.querySelector('p');
        
        //声明handl函数
        function handle(data){
            input.style.border = "solid 1px #f00";
            //修改p标签的提示文本
            p.innerHTML = data.msg
        }
        
        //绑定事件
        input.onblur = function(){
            //获取用户的输入值
            let username = this.value;
            //向服务端发送请求检查用户名是否存在
            //1.创建script标签
            const script = document.createElement('script');
            //2.设置标签的src属性
            script.src = 'http://127.0.0.1:8000/check-username';
            //3.将script插入到文档中(不插入就无法向服务端发送请求)
            //把script插入到body标签的最后
            document.body.appendChild(script);
        }
    </script>

app.all('/check-username', (request,response) => {
    const data = {
        exist: 1,
        msg:'用户名已经存在'
    };
    //将数据转化为字符串
    let str = JSON.stringify(data);
    //返回结果
    response.end(`handle(${str})`);
});

//还要再开一个8000端口
67iam
关注
专栏目录
【前端】Ajax请求以及配合express后台服务的用法
Shinersmile的博客
01-19 699
Content-type是网络上传输内容的格式标准，用于定义网络文件的类型和网页的编码。AJAX全称Asynchronous JavaScript And XML，就是异步的JS和XML。通过它可以在浏览器中向服务器发送异步请求，无刷新获取数据。它不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。实现AJAX的执行步骤如4.2。1.1 无需刷新页面与服务器端通信1.2 允许根据用户事件更新部分页面内容2.1 没有浏览历史，不能回退2.2 存在跨域问题。
ajax--XML、AJAX简介、express框架使用、AJAX操作的基本步骤
qq_51476492的博客
06-08 1082
AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。最开始AJAX进行数据交换的格式是XML，服务器端给客户端返回的结果就是XML格式的字符串，前端的JS在接到这个结果后对其内容进行解析，把数据提取出来并对数据进行处理。现在AJAX不用XML，而是JSON，JSON更加简洁，在数据转换方面更加容易。，比如服务器端将数据使用XML的形式传给客户端（前端），而HTML的作用是在。{“name”:“孙悟空”,“age”:18,“gender”:“男”}XML与HTML类似，不同的是HTML中。
Ajax基础到实战（三）——3个小案例
雨的印记的博客
10-29 720
1. 验证邮箱地址的唯一性 实现步骤： 获取文本框并为其添加离开焦点事件 离开焦点时，检测用户输入的邮箱地址是否符合规则（使用正则表达式验证即可） 如果用户输入的邮箱地址不符合规则，阻止程序向下执行，同时给出提示信息 如果用户输入的邮箱地址符合规则，则向服务器端发送请求，检测邮箱地址是否被别人注册 根据服务器端返回值决定客户端显示何种提示信息 02.检测邮箱地址唯一性.html： <!DOCTYPE html> <html lang="en"> <head>
Ajax实现邮箱验证案例
weixin_43163153的博客
01-16 143
html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>验证邮箱的地址是否已经注册</title> <link rel="stylesheet" href="./assets/bootstrap...
ajax 邮箱地址格式与唯一性验证 小案例
weixin_42321619的博客
08-20 630
1.主界面 <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <style type="text/css"> p:not(:empty) { padding: 15px; } .container { padding-top: 100px; }
express+https模块+Ajax实现获取位置获取天气温度等数据
06-13
在这个应用中，当用户访问网页时，前端JavaScript代码可能会使用Ajax发送一个请求到后端Express服务器，请求中包含用户的IP地址。服务器收到请求后，会利用这个IP查找对应的地理位置，然后查询相应的天气服务提供商...
express+ajax+MongoDB做的一个增删查改小demo
05-26
在这个基于"express+ajax+MongoDB"的小型项目中，我们深入探讨了如何利用Node.js的Express框架，JavaScript的Ajax技术以及NoSQL数据库MongoDB来实现数据的CRUD（创建、读取、更新和删除）操作。这个项目是Web开发...
express如何解决ajax跨域访问session失效问题详解
10-16
本文将详细探讨如何解决Express中ajax跨域访问时session失效的问题。 首先，我们需要理解为何在跨域请求中session会失效。在HTTP协议中，由于同源策略的限制，浏览器不会在跨域请求中发送cookies，而session通常是...
ajax +NodeJS 实现图片上传实例
01-02
前台用jquery的ajax发请求，后台用NodeJS 的multer模块实现图片上传。这个demo给我的感悟是一定要自己能实现出来，而不是看了别人写好就直接“拿来”用 note(注意) 大家先在public目录下创建一个名为uploads的...
Ajax异步文件上传与NodeJS express服务端处理
10-20
本文将详细介绍如何使用Ajax异步上传文件，并在NodeJS的express框架中进行后端处理。 首先，要实现异步文件上传，需要前端页面有一个文件输入控件（file input）和一个按钮。当用户选择文件并点击上传按钮时，通过...
Express框架与Ajax应用
十八岁讨厌编程的博客
04-04 1446
文章目录Express框架Ajax发送请求前的准备前端页面的准备服务端的代码准备用Ajax发送GET请求服务器端js请求端代码的注意点Ajax设置请求参数 Express框架 Express 是一个基于 Node平台的Web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。 Express 框架特性： 提供了简洁的路由定义方式 对获取 http 请求参数进行了简化处理 对模板引擎支持程度高，方便渲染动态HTML页面 拥有中间件机制有效控制 HTTP 请求 拥有大量第三方中间件对功能进行扩展
随机生成6~18位的字符串
小白小白从不日别的博客
09-19 809
这个案例其实很简单，只有两个点需要注意，那就是首先需要取得6~18之间的随机数；其次就是在字符串里也需要随机获取字符 思路： 首先，设置一个函数，用来获取6~18之间的整数，并获得其数值a 其次，设置有一个产生随机字符的函数，利用for循环依次获得并将a作为for循环的边界值传入 最后，定义一个空的字符串来接收每次获得的随机字符即可 //获取某一范围内的随机整数函数 function getRandom(n, m) { n = M
express ajax 总结
m0_55832273的博客
12-15 1184
express-generator 生成器 通过 express的生成器 可以快速搭建一个应用程序的骨架 安装 npm i express-generator -g 搭建项目 安装完成后，可以使用 express 命令 搭建项目 会自动生成一个项目结构 // 语法规则 express 模板引擎 项目名称 // 案例 express -e myapp 进入到项目根目录 cd myapp 安装依赖 npm install npm i 运行项目 npm run start 认识ajax 一、a
异步交互技术Ajax-Axios
2202_75483664的博客
08-20 794
Ajax是如何实现异步交互的？AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许 JavaScript 在浏览器上执行。XMLHttpRequest 只是实现 Ajax 的一种方式。
spark client mode cluster mode 区别 与选择
weixin_40809627的博客
08-20 471
1、在我们使用spark-submit 提交spark 任务一般有以下参数 /bin/spark-submit \ --class <main-class> \ --master <master-url> \ --deploy-mode <deploy-mode> \ --conf <key>=<value> \ .....
ajax学习笔记
最新发布
m0_74375748的博客
08-23 870
统一资源定位符，简称网址逻辑更清晰了解axios函数内部运作能解决回调函数地狱的问题。
nodejs安装
a1241436267的博客
08-19 409
版本控制nodejs版本:v17.3.1npm版本:8.3.0安装流程。
vue开发引入第三方插件的方式及其区别
你们瞎搞
08-22 329
npm。
【js】各类前端输入校验方法
galaxyJING的博客
08-21 334
【代码】【js】各类前端输入校验方法。
ajax和express
07-27
Ajax和Express是两个与Web开发相关的技术。 Ajax（Asynchronous JavaScript and XML）是一种用于在Web应用程序中实现异步数据交互的技术。它通过在后台与服务器进行数据交换，实现在不刷新整个页面的情况下更新部分页面内容。通过使用Ajax，可以提高用户体验，减少页面加载时间，并且可以实现动态的交互效果。在使用Ajax时，通常会使用JavaScript来处理数据请求和响应。 而Express是一个基于Node.js的Web应用程序框架。它提供了一系列用于构建Web应用程序的功能和工具。Express使得处理HTTP请求和响应变得更加简单和高效，并且提供了路由、中间件等功能来组织和管理应用程序的不同部分。通过Express，开发人员可以快速构建可靠的、高性能的Web应用程序。 总结起来，Ajax主要用于实现前端与服务器之间的异步数据交互，而Express则是一个后端框架，用于构建和管理Web应用程序。它们可以配合使用，实现完整的Web应用程序开发。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值