ajax 学习总结

最新推荐文章于 2023-06-20 17:24:26 发布
最新推荐文章于 2023-06-20 17:24:26 发布
阅读量908 收藏 2
点赞数 3
分类专栏： 前端基础 文章标签： ajax 异步 跨域 json jsonp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_34647836/article/details/75665434
版权

学习一样动习首先应该明白： 这是什么？

ajax是什么？

我们就从理解“ajax”的字面含义开始。
AJAX =
Asynchronous （美[e’sɪŋkrənəs]） 异步的
JavaScript
And
XML
也就是说，ajax就是异步的 JavaScript 和 XML。
什么意思呢？我说一个实际需求你就明白了。
我们在浏览网页时候，想要重新加载整个页面，按一下“f5”键就行了。但是如果我们只想获取局部数据，如果让整个页面都重新加载必定很浪费流量。而通过一部请求数据的方式（AJAX ），可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。

在Ajax普及之前，也有实现局部刷新的方法——Iframe 框架。

这里写图片描述
这种方式简单说就是页面里面嵌套页面，当表单提交后，相应的内容会返回到iframe框架中，主页面的内容不更新。

原生AJAX

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax登录</title>
</head>
<body>
<div>
    <div id="showInfo"></div>
    <form id="form">
        用户名：<input type="text" name="username" id="username"><br>
        密码：<input type="password" name="password" id="password">
        <input type="button" id="btn" value="登录">
    </form>
</div>
    <script type="text/javascript">
        window.onload = function(){
            var btn = document.getElementById("btn");
            btn.onclick = function(){ 
            //点击事件获取用户输入需要验证的信息
                var username = document.getElementById("username").value;
                var password = document.getElementById("password").value;
                //第一步：设置一个xhr变量，并做XMLHttpRequest浏览器兼容
                //XMLHttpRequest 对象用于在后台与服务器交换数据。
                var xhr = null;  
                if(window.XMLHttpRequest){
                    xhr = new XMLHttpRequest(); //标准浏览器
                }else{//低版本IE浏览器
                    xhr = new ActiveXObject("Mcrosoft.XMLHTTP");
                }

                //第二步：配置发送请求的一些参数,准备发送请求
                var url = './check.php?username='+username+"&password="+password; 
                //拼接URL，后台文件名用？参数和参数之间用&链接
                xhr.open('get',url,true); 
                //请求是同步还是异步，异步为true，同步为false，默认为true

                //第三步：执行发送的动作
                xhr.send(null); 

                //第四步：指定一些回调函数
                xhr.onreadystatechange = function(){
                //Ajax中的回调函数类似于setTimeout中的定时函数，先定义后执行
                   if(xhr.readystate == 4 && xhr.status == 200){
                     //首先判断请求是否完成 并且成功得到请求的数据
                        var data = xhr.responseText; 
                        //获得字符串形式的响应数据,并把返回的数据存放到data变量里面
                        if(date == 1){ 
                        //接下来对数据如何操作根据需求写相应的代码
                        document.getElementById('showInfo').innerHTML = '用户名或者密码错误';
                        }else if(data == 2){
                            document.getElementById('showInfo').innerHTML = '登录成功';
                        }
                    }
                }
            }
        }
    </script>
</body>
</html>

后台的数据我们用PHP简单实现：

<?php 
$username = $_GET['username'];
$password = $_GET['password'];

if($username == 'admin' && $password == '123'){
    echo 2;
}else{
    echo 1;
}
?>

相信刚开始学习AJAX的同学跟我一样，对上述代码有很多疑问，下面我分享一下，我的疑问以及找到的解答：

  • 问题1：为什么send（），里面要用null？
    1) 一般情况下，使用Ajax提交的参数多是些简单的字符串，可以直接使用GET方法将要提交的参数写到open方法的url参数中，此时send方法的参数为null。也就是说send是用来传递获取数据的URL的参数的，如果我们用get方法请求，可以直接在第二步，也就是准备请求的参数时，用为变量拼接URL,这是不需要传递参数了，一般浏览器可以用send（），但是低版本浏览器只支持send（null），为了兼容最好写send（null）。
var url = "login.jsp?user=XXX&pwd=XXX";
      xmlHttpRequest.open("get",url,true);
      xmlHttpRequset.send(null);

2) 也可以使用send方法传递参数。使用send方法传递参数使用的是POST方法，需要设定Content-Type头信息，模拟HTTP POST方法发送一个表单，这样服务器才会知道如何处理上传的内容。参数的提交格式和GET方法中url的写法一样。设置头信息前必须先调用open方 法。

 xmlHttpRequest.open("POST","login.jsp",true);
     xmlHttpRequest.setRequestHeder("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
     xmlHttpRequest.send("user="+username+"&pwd="+password);

1.协议部分：该URL的协议部分为“http：”，在”HTTP”的后面分隔符为“//”。这代表网页使用的是HTTP协议。在Internet中可以使用多种协议，如HTTP，FTP等等本例中使用的是HTTP协议。
2.域名部分：该URL的域名部分为“www.aspxfans.com”。一个URL中，也可以使用IP地址作为域名使用。
3.端口部分：跟在域名后面的是端口，域名和端口之间使用“:”作为分隔符。端口不是一个URL必须的部分，如果省略端口部分，将采用默认端口。
4.虚拟目录部分：从 域名后的第一个“/”开始到最后一个“/”为止，是虚拟目录部分。虚拟目录也不是一个URL必须的部分。本例中的虚拟目录是“/news/”。
5.文件名部分：从域名后的最后一个“/”开始到“？”为止，是文件名部分，如果没有“?”,则是从域名后的最后一个“/”开始到“#”为止，是文件部分，如果没有“？”和“#”，那么从域名后的最后一个“/”开始到结束，都是文件名部分。本例中的文件名是“index.asp”。文件名部分也不是一个URL必须的部分，如果省略该部分，则使用默认的文件名。
6.锚部分：从“#”开始到最后，都是锚部分。本例中的锚部分是“name”。锚部分也不是一个URL必须的部分。
7.参数部分：从“？”开始到“#”为止之间的部分为参数部分，又称搜索部分、查询部分。本例中的参数部分为“boardID=5&ID=24618&page=1”。参数可以允许有多个参数，参数与参数之间用“&”作为分隔符。这一点对前端拼接URL极为重要。前面几条可以了解，这一条必须记住参数URL中？和&如何使用。

  • 问题3：open()方法是干什么的？

open方法创建一个请求，并准备向服务器发送，
open（method,url,async,user,password)。
method：请求的类型；GET 或 POST
url：文件在服务器上的位置
async 请求是同步还是异步，同步为false，异步为true，默认为true
user 指定请求的用户名，没有就省略。
password 同上。

  • 问题4： 判断 xhr.readystate == 4 && xhr.status == 200 根据是什么？

readystate的5种状态，可以据此判断数据请求的进度。
• 0: 请求未初始化
• 1: 服务器连接已建立
• 2: 请求已接收
• 3: 请求处理中
• 4: 请求已完成，且响应已就绪

status的3种常用状态 ，据此判断是否获得数据。
 200: “OK”
 404: 未找到页面
 503 服务器端有错误

好了，至此，咱们可以通过ajax获得了数据，既然得到数据，就得使用数据，下面就说说ajax如何解析得到的数据。

用原生AJAX实现解析数据

ajax可以使用的数据格式有很多，比如XML、JSON、JSONP、HTML、script、text等，比较常用的是前2种，下面分别介绍他们的解析方式。

1. ajax 对 xml数据的解析

XML数据格式：

<?xml version="1.0" encoding="utf-8"?>
<!-- 这句话必须写上 -->
<bookstore>
    <book>
        <name>三国演义</name>
        <category>文学</category>
        <desc>描述</desc>
    </book> 
    <book>
        <name>水浒传</name>
        <category>文学</category>
        <desc>草寇or英雄豪杰</desc>
    </book> 
    <book>
        <name>西游记</name>
        <category>文学</category>
        <desc>妖魔鬼怪牛鬼蛇神什么都有</desc>
    </book> 
    <book>
        <name>红楼梦</name>
        <category>文学</category>
        <desc>宝哥哥与林妹妹的爱情史</desc>
    </book> 
</bookstore>

解析代码及分析：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json文件</title>
<script type="text/javascript">
    window.onload = function(){
        var btn = document.getElementById('btn');
        btn.onclick = function(){
            showBookInfo();
        }
        function showBookInfo(){
            document.getElementById('bookInfo').innerHTML = '';
            var xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else{
                xhr = new ActiveXObject('Microsoft.XMLHTTP');
            }
            xhr.open('get','./data.xml');
            xhr.send(null);
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4 && xhr.status == 200){
                    var data = xhr.responseXML; //获取XML格式的数据
                    var bs = data.getElementsByTagName('bookstore')[0];
                    var books = bs.getElementsByTagName('book');
                    var tag = ''; //设置一个变量，存放文本内容
                    for(var i=0;i<books.length;i++){
                        var book = books[i]; //循环获得数据的元素节点，即带标签
                        var name = book.getElementsByTagName('name')[0];
                        var category = book.getElementsByTagName('category')[0];
                        var desc = book.getElementsByTagName('desc')[0];
                        tag += '<tr><td>'+getNodeText(name)+'</td><td>'+getNodeText(category)+'</td><td>'+getNodeText(desc)+'</td></tr>';
//                          拼接tag内部的内容，是表格形式
                    }
                    var tbody = document.createElement('tbody');
                    tbody.innerHTML = tag; //把tag赋予tbody
                    document.getElementById('bookInfo').appendChild(tbody);
                }
            }       
        }
    }
    //封装一个函数，获取元素节点内容
    function getNodeText(node){
        if(window.ActiveXObject){//IE
            return node.text;
        }else{//标准浏览器
            if(node.nodeType == 1){ 
            //如果节点是元素节点，则 nodeType 属性将返回 1。
            //如果节点是属性节点，则 nodeType 属性将返回 2。
                return node.textContent;
            }
        }
    }
</script>
</head>
<body>
    <input type="button" value="点击" id="btn">
    <div>
        <table id="bookInfo">

        </table>
    </div>
</body>
</html>
2.ajax 对 json 数据的解析

Json数据样式：

{
    "total":"4",
    "data":[
        {
            "name":"三国演义",
            "category":"文学",
            "desc":"一个军阀混战的年代"
        },{
            "name":"水浒传",
            "category":"文学",
            "desc":"草寇or英雄好汉"
        },{
            "name":"西游记",
            "category":"文学",
            "desc":"妖魔鬼怪牛鬼蛇神什么都有"
        },{
            "name":"红楼梦",
            "category":"文学",
            "desc":"一个封建王朝的缩影"
        }
    ],
    "obj":{"adf":"adf"}
}

解析代码及分析

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json文件</title>
<script type="text/javascript">
    window.onload = function(){
        var btn = document.getElementById('btn');
        btn.onclick = function(){
            showBookInfo();
        }
        function showBookInfo(){
            var xhr = null; 
            //第一步：创建xhr对象，XMLHttpRequest 对象用于在后台与服务器交换数据。
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else{
                xhr = new ActiveXObject('Microsoft.XMLHTTP');
            }
            //第二步：准备发送请求，配置请求的一些行为
            xhr.open('get','./data.json');
            //第三步：执行发送请求
            xhr.send(null);
            //第四步：准备请求的回调函数
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4 && xhr.status == 200){
                    var data = JSON.parse(xhr.responseText);
                    // JSON.parse() 方法解析一个JSON字符串，构造由字符串描述的JavaScript值或对象。
                    // 还可以用eval函数 data = eval("("+ str +")");eval函数有风险，推荐使用json.parse
                    var total = data.total;
                    var list = data.data; 
                    //获取PHP后台data数据
                    var tag = '';
                    for(var i=0;i<total;i++){
                    //循环获取list数据里的每个元素
                        var book = list[i]; 
                        tag += '<tr><td>'+book.name+'</td><td>'+book.category+'</td><td>'+book.desc+'</td></tr>';
                    }
                    var tbody = document.createElement('tbody');
                    tbody.innerHTML = tag;
                    document.getElementById('bookInfo').appendChild(tbody);
                }
            }
        }
    }
</script>
</head>
<body>
    <input type="button" value="点击" id="btn">
    <div>
        <table id="bookInfo">
        </table>
    </div>
</body>
</html>

jQuery的ajax方法

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。

    $("#button").click(function(){
            $.ajax({
                url:"data.php", //请求数据的地址
                dataType:"text", //数据类型
                type:"get",//请求方式
                success:function(data){ //请求成功时的回调函数
                    alert(data);
                },
                error:function(e){ //请求失败使回调函数
                    console.log(e); 
                    //可以在控制台输出错误提示
                }
            });
        });

ajax跨域解决方案

ajax跨域指的是：安全性的问题，浏览器默认不支持请求不是本地或者同一个服务器下面的URI。否则最后会导致虽然请求状态200，但是不会返回任何数据。

哪些属于跨域呢？我们一http://www.example.com/为例进行分析：

这里写图片描述
综上，在请求的一个URL里面，如果协议、域名、端口有一个不同，就跨域了。

  • Script的src方式加载js文件，然后在服务端输出JSON数据并执行回调函数，从而解决了跨域的数据请求。
<script type="text/javascript" src="./data.js"></script>
/*通过这种方式可以获取其他设备上的文件，包括数据文件*/

这就是经常说的jsonp方式，它不是数据形式而是一种json数据的传输方式。
原生Jsonp方式获取数据：
HTML代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsonp</title>
</head>
<body>
    <script type="text/javascript">
    function cb(data){
        console.log(data);
    } // 回调函数
    </script>
    <script type="text/javascript" src="jsonp.php?_jsonp=cb"></script>
<!-- 引入PHP文件，注意格式 ，后面要有回调函数的名称-->
</body>
</html>

后台PHP代码：

<?php 
$callback = $_GET['_jsonp'];
$arr = array("1","11","111");
echo $callback."(".json_encode($arr).")";
 ?>

Jquery 的jsonp 方式获取数据

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery跨域jsonp</title>
</head>
<body>
<input type="button" id="btn" value="点击">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $.ajax({
        type : "get",
        async: true,
        url : "./jsonp.php",
        dataType : "jsonp",
        jsonp: "onJsonPLoad",
        //在一个 jsonp 请求中重写回调函数的名字。这个值用来替代在 "callback=?" 这种 GET 或 POST 请求中 URL 参数里的 "callback" 部分，比如 {jsonp:'onJsonPLoad'} 会导致将 "onJsonPLoad=?" 传给服务器。
        jsonpCallback:"cb",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
        success : function(data){
            console.log(data);
        },
        error:function(){
            console.log('fail');
        }
    });
});
</script>
</body>
</html>

ajax 的基础只是目前就这么多，可能有些细节知识没有涉及到，或者有些地方不够全面，以后学习之后会继续汇总进来。

远春儿
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax学习总结
10-13
ajax技术，post，get请求，动态验证等
AJAX学习总结（一）--基于jQuery第一个实例
05-28
NULL 博文链接：https://lc2586.iteye.com/blog/725751
AJAX（详解）
冰霜的博客
09-11 2577
AJAX 1.什么是AJAX？ AJAX即“Asynchronous Javascript And XML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构，AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载。 对AJA
从零开始学习 AJAX：超详细！15 分钟搞定 AJAX 原理和使用方法
weixin_56242678的博客
05-27 4063
本文将会介绍 AJAX 的原理和使用方法，并帮助你在短时间内掌握这一重要的前端技术。我们将从 AJAX 的基本概念入手，深入探讨 AJAX 的核心技术——XMLHttpRequest 对象以及常用的数据交互方式。通过本文的学习，你将能够轻松地了解 AJAX 的工作方式和应用场景，从而为你的 Web 应用程序添加更多的交互性和实时性。
AJAX知识点总结
酒客的博客
11-15 767
AJAX重要知识点总结 一、原生AJAX 1.1AJAX简介 AJAX全称为Asynchronous Javascript And XML,就是异步的JavaScript和XML。通过AJAX可以在浏览器中实现向服务器发送异步请求，最大的优势：无刷新获取数据。 1.2XML简介 XML可扩展标记语言，XML被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据，如： 比如说有一个学生数据 name="张三";age="1
AJAX 教程---菜鸟教程
yitong的博客
05-25 1688
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。什么是 AJAX？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。AJAX 工作原理。
Ajax的基础使用
jakelihua
01-11 638
ajax的基本使用
Ajax学习笔记个人总结
09-12
根据个人学习Ajax的过程总结，整理了Ajax相关基础知识点，对Ajax的使用有较详细的介绍，通过个别举例，可以快速了解Ajax的功能，比较适合初学者入门。
JavaScript学习总结之JS、AJAX应用
10-22
主要介绍了JavaScript学习总结JS AJAX应用 的相关资料,需要的朋友可以参考下
Ajax 零基础入门从这里开始
最新发布
黑马程序员官方博客
06-20 254
请求方法是一些固定单词的英文，例如：GET，POST，PUT，DELETE，PATCH（这些都是http协议规定的），每个单词对应一种对服务器资源要执行的操作。浏览器网页中，使用 AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页。统一资源定位符，简称网址，用于定位网络中的资源（资源指的是：网页，图片，数据，视频，音频等等）标记服务器在互联网当中的方位，网络中有很多服务器，你想访问哪一台，就需要知道它的域名才可以。
Ajax：万字总结黑马笔记，学懂Ajax看这一篇就够了
做一只猫的博客
07-28 2014
ajax原生且包含部分jquery
Ajax 的全面总结
油墨香^-^的博客
05-14 1657
Ajax在前端开发中有着举足轻重的地位，关于Ajax的使用和注意事项一直是一个重要的话题，借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。 一.什么是Ajax Ajax(Asynchronous JavaScript and XML),可以理解为JavaScript执行异步网络请求。通俗的理解的话就是，如果没有Ajax技术，改变网页的一小部分（哪怕是一行文字、一张图片）都需要重新加载一次整个页面，而有了Ajax之后，就可以实现在网页不跳转不刷新的情况下，在网页后台提交数据，部分
Ajax入门教程
qq_22075913的博客
03-31 4771
Ajax 学习目标 了解Ajax的概念和作用 了解同步和异步的区别 能够使用jQuery的$.get()和$.post()发送Ajax请求 能够使用jQuery的$.ajax()方法发送Ajax请求 能够定义和解析json 能够使用Jackson转换json格式 能够使用fastjson转换json格式 第一章-JS的AJAX 知识点- AJAX的概述 1.目标 能够理解异步的概念 2.路径 什么是Ajax 什么是异步 为什么要学习Ajax 3.讲解 3
Ajax学习
weixin_54260155的博客
11-15 252
.ajax 方法$.get 方法$.post 方法$.getJSONserialize()表单序列化方法在 JQuery 中和 Ajax 请求有关的方法有四个url： 请求的地址type : 请求的方式get 或 post data : 请求的参数 string 或 jsonsuccess: 成功的回调函数dataType: 返回的数据类型常用 json 或 text 下面的方法必须遵守参数的顺序url:请求的 URL 地址data:待发送 Key/value 参数。
ajax总结
qq_44187211的博客
06-18 170
什么是ajax? ajax作用是什么？ ajax = 异步JavaScript 和XML。 ajax是一种用于创建快速网页的技术。通过后台与服务器进行少量数据交换。ajax可以说使网页实现异步更新。 为什么使用ajax 通过异步模式，提升了用户体验 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 ajax引擎在客户端运行，承担了一部分本来有服务器承担的工作，从而减少了大用户量下服务器负载 ajax最大的特点是 ajax最大的优点是不重新加载整个页面的情况下，可以与服务器交换数据并更
AJAX学习
因为喜爱，所以努力
10-27 291
AJAX学习 AJAX-什么是AJAX？ AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。 AJAX-工作原理 AJAX是基于现有的...
AJAX总结
庸人方自扰，自在就好
05-19 331
简介 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是编程语言，而是一种使用现有标准的新方法。 AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数
Ajax 技术上手
仗剑天涯，从摘要开始
12-26 1250
Ajax 技术 第1章 认识Ajax 1.1 初识 ajax 我们平常上网，不管是注册账号，还是浏览网页，其本质就是通过客户端向服务器发送请求，服务器接到请求后返回处理后的数据给客户端； 在我们之前学习代码中，向服务器提交数据典型的应用是就是 form 表单，其中的 action 就是我们提交数据的服务器端地址； 完成一个 form 表单； 当我们点击提交按钮时，页面就会跳转到服务器页面；...
给一个java学习路线
04-28
好的，以下是一个适合初学者的Java学习路线： 1. 学习Java基础知识，包括数据类型、变量、运算符、流程控制语句、数组、类...总之，学习Java需要深入浅出、系统全面，需要不断地实践和总结，才能掌握Java编程的精髓。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值