AJAX 入门到实战 第1天 2024 笔记

最新推荐文章于 2024-04-29 09:09:06 发布
最新推荐文章于 2024-04-29 09:09:06 发布
阅读量531 收藏 3
点赞数 3
文章标签： ajax 笔记 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PieroPc/article/details/137631575
版权

1.1-AJAX入门与axios使用

1.2-认识URL

1.3-查询参数

1.4-案例_地区查询

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script>
  /*
      获取地区列表: http://hmajax.itheima.net/api/area
      查询参数:
        pname: 省份或直辖市名字
        cname: 城市名字
    */
  // 目标: 根据省份和城市名字, 查询地区列表
  // 1. 查询按钮-点击事件
  document.querySelector('.sel-btn').addEventListener('click', () => {
    // 2. 获取省份和城市名字
    let pname = document.querySelector('.province').value
    let cname = document.querySelector('.city').value

    // 3. 基于axios请求地区列表数据
    axios({
      url: 'http://hmajax.itheima.net/api/area',
      params: {
        pname,
        cname
      }
    }).then(result => {
      // console.log(result)
      // 4. 把数据转li标签插入到页面上
      let list = result.data.list
      console.log(list)
      let theLi = list.map(areaName => `<li class="list-group-item">${areaName}</li>`).join('')
      console.log(theLi)
      document.querySelector('.list-group').innerHTML = theLi
    })
  })


  </script>

1.5-常用请求方法和数据提交

1.6-axios错误处理

<button class="btn">注册用户</button>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script>
    /*
      注册用户: http://hmajax.itheima.net/api/register
      请求方法: POST
      参数名:
        username: 用户名 (中英文和数字组成, 最少8位)
        password: 密码 (最少6位)

      目标: 点击按钮, 通过axios提交用户和密码, 完成注册
      需求: 使用axios错误处理语法, 拿到报错信息, 弹框反馈给用户
    */
   document.querySelector('.btn').addEventListener('click', () => {
    axios({
      url: 'http://hmajax.itheima.net/api/register',
      method: 'post',
      data: {
        username: 'itheima007',
        password: '7654321'
      }
    }).then(result => {
      // 成功
      console.log(result)
    }).catch(error => {
      // 失败
      // 处理错误信息
      console.log(error)
      console.log(error.response.data.message)
      alert(error.response.data.message)
    })
   })
  </script>

1.7-HTTP协议请求报文

1.8-请求报文-错误排查

1.9-HTTP协议响应报文

1.10-接口文档

接口用例 | Apifox 帮助文档

<body>
  <button class="btn">用户登录</button>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script>
    // 用户注册
    // axios({
    //   url: 'http://hmajax.itheima.net/api/register',
    //   method: 'post',
    //   data: {
    //     username: 'itheima007',
    //     password: '7654321'
    //   }
    // })

    document.querySelector('.btn').addEventListener('click', () => {
      // 用户登录
      axios({
        url: 'http://hmajax.itheima.net/api/login',
        method: 'post',
        data: {
          username: 'itheima007',
          password: '7654321'
        }
      })
    })
  </script>
</body>

1.11-案例_登录


<!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>案例_登录</title>
  <!-- 引入bootstrap.css -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">
  <!-- 公共 -->
  <style>
    html,
    body {
      background-color: #EDF0F5;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .container {
      width: 520px;
      height: 540px;
      background-color: #fff;
      padding: 60px;
      box-sizing: border-box;
    }

    .container h3 {
      font-weight: 900;
    }
  </style>
  <!-- 表单容器和内容 -->
  <style>
    .form_wrap {
      color: #8B929D !important;
    }

    .form-text {
      color: #8B929D !important;
    }
  </style>
  <!-- 提示框样式 -->
  <style>
    .alert {
      transition: .5s;
      opacity: 0;
    }

    .alert.show {
      opacity: 1;
    }
  </style>
</head>

<body>
  <div class="container">
    <h3>欢迎-登录</h3>
    <!-- 登录结果-提示框 -->
    <div class="alert alert-success" role="alert">
      提示消息
    </div>
    <!-- 表单 -->
    <div class="form_wrap">
      <form>
        <div class="mb-3">
          <label for="username" class="form-label">账号名</label>
          <input type="text" class="form-control username">
        </div>
        <div class="mb-3">
          <label for="password" class="form-label">密码</label>
          <input type="password" class="form-control password">
        </div>
        <button type="button" class="btn btn-primary btn-login"> 登 录 </button>
      </form>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script>
    // 目标1：点击登录时，用户名和密码长度判断，并提交数据和服务器通信
    
    // 1.1 登录-点击事件
    document.querySelector('.btn-login').addEventListener('click', () => {
      // 1.2 获取用户名和密码
      const username = document.querySelector('.username').value
      const password = document.querySelector('.password').value
      // console.log(username, password)

      // 1.3 判断长度
      if (username.length < 8) {
        console.log('用户名必须大于等于8位')
        return // 阻止代码继续执行
      }
      if (password.length < 6) {
        console.log('密码必须大于等于6位')
        return // 阻止代码继续执行
      }

      // 1.4 基于axios提交用户名和密码
      // console.log('提交数据到服务器')
      axios({
        url: 'http://hmajax.itheima.net/api/login',
        method: 'POST',
        data: {
          username,
          password
        }
      }).then(result => {
        console.log(result)
        console.log(result.data.message)
      }).catch(error => {
        console.log(error)
        console.log(error.response.data.message)
      })
    })
  </script>
</body>

</html>

1.12-案例登录提示消息


<!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>案例_登录_提示消息</title>
  <!-- 引入bootstrap.css -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">
  <!-- 公共 -->
  <style>
    html,
    body {
      background-color: #EDF0F5;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .container {
      width: 520px;
      height: 540px;
      background-color: #fff;
      padding: 60px;
      box-sizing: border-box;
    }

    .container h3 {
      font-weight: 900;
    }
  </style>
  <!-- 表单容器和内容 -->
  <style>
    .form_wrap {
      color: #8B929D !important;
    }

    .form-text {
      color: #8B929D !important;
    }
  </style>
  <!-- 提示框样式 -->
  <style>
    .alert {
      transition: .5s;
      opacity: 0;
    }

    .alert.show {
      opacity: 1;
    }
  </style>
</head>

<body>
  <div class="container">
    <h3>欢迎-登录</h3>
    <!-- 登录结果-提示框 -->
    <div class="alert alert-success" role="alert">
      提示消息
    </div>
    <!-- 表单 -->
    <div class="form_wrap">
      <form>
        <div class="mb-3">
          <label for="username" class="form-label">账号名</label>
          <input type="text" class="form-control username">
        </div>
        <div class="mb-3">
          <label for="password" class="form-label">密码</label>
          <input type="password" class="form-control password">
        </div>
        <button type="button" class="btn btn-primary btn-login"> 登 录 </button>
      </form>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script>
    // 目标1：点击登录时，用户名和密码长度判断，并提交数据和服务器通信
    // 目标2：使用提示框，反馈提示消息
    // 2.1 获取提示框
    const myAlert = document.querySelector('.alert')
    /**
     * 2.2 封装提示框函数，重复调用，满足提示需求
     * 功能：
     * 1. 显示提示框
     * 2. 不同提示文字msg，和成功绿色失败红色isSuccess（true成功，false失败）
     * 3. 过2秒后，让提示框自动消失
    */
    function alertFn(msg, isSuccess) {
      // 1> 显示提示框
      myAlert.classList.add('show')

      // 2> 实现细节
      myAlert.innerText = msg
      const bgStyle = isSuccess ? 'alert-success' : 'alert-danger'
      myAlert.classList.add(bgStyle)

      // 3> 过2秒隐藏
      setTimeout(() => {
        myAlert.classList.remove('show')
        // 提示：避免类名冲突，重置背景色
        myAlert.classList.remove(bgStyle)
      }, 2000)
    }
    
    // 1.1 登录-点击事件
    document.querySelector('.btn-login').addEventListener('click', () => {
      // 1.2 获取用户名和密码
      const username = document.querySelector('.username').value
      const password = document.querySelector('.password').value
      // console.log(username, password)

      // 1.3 判断长度
      if (username.length < 8) {
        alertFn('用户名必须大于等于8位', false)
        console.log('用户名必须大于等于8位')
        return // 阻止代码继续执行
      }
      if (password.length < 6) {
        alertFn('密码必须大于等于6位', false)
        console.log('密码必须大于等于6位')
        return // 阻止代码继续执行
      }

      // 1.4 基于axios提交用户名和密码
      // console.log('提交数据到服务器')
      axios({
        url: 'http://hmajax.itheima.net/api/login',
        method: 'POST',
        data: {
          username,
          password
        }
      }).then(result => {
        alertFn(result.data.message, true)
        console.log(result)
        console.log(result.data.message)
      }).catch(error => {
        alertFn(error.response.data.message, false)
        console.log(error)
        console.log(error.response.data.message)
      })
    })
  </script>
</body>

</html>

1.13-form-serialize使用

<body>
  <form action="javascript:;" class="example-form">
    <input type="text" name="username">
    <br>
    <input type="text" name="password">
    <br>
    <input type="button" class="btn" value="提交">
  </form>
  <!-- 
    目标：在点击提交时，使用form-serialize插件，快速收集表单元素值
    1. 把插件引入到自己网页中
  -->
  <script src="./lib/form-serialize.js"></script>
  <script>
    document.querySelector('.btn').addEventListener('click', () => {
      /**
       * 2. 使用serialize函数，快速收集表单元素的值
       * 参数1：要获取哪个表单的数据
       *  表单元素设置name属性，值会作为对象的属性名
       *  建议name属性的值，最好和接口文档参数名一致
       * 参数2：配置对象
       *  hash 设置获取数据结构
       *    - true：JS对象（推荐）一般请求体里提交给服务器
       *    - false: 查询字符串
       *  empty 设置是否获取空值
       *    - true: 获取空值（推荐）数据结构和标签结构一致
       *    - false：不获取空值
      */
      const form = document.querySelector('.example-form')
      const data = serialize(form, { hash: true, empty: true })
      // const data = serialize(form, { hash: false, empty: true })
      // const data = serialize(form, { hash: true, empty: false })
      console.log(data)
    })
  </script>
</body>

1.14-案例_登录_整合form-serialize


<!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>案例_登录_插件使用</title>
  <!-- 引入bootstrap.css -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">
  <!-- 公共 -->
  <style>
    html,
    body {
      background-color: #EDF0F5;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .container {
      width: 520px;
      height: 540px;
      background-color: #fff;
      padding: 60px;
      box-sizing: border-box;
    }

    .container h3 {
      font-weight: 900;
    }
  </style>
  <!-- 表单容器和内容 -->
  <style>
    .form_wrap {
      color: #8B929D !important;
    }

    .form-text {
      color: #8B929D !important;
    }
  </style>
  <!-- 提示框样式 -->
  <style>
    .alert {
      transition: .5s;
      opacity: 0;
    }

    .alert.show {
      opacity: 1;
    }
  </style>
</head>

<body>
  <div class="container">
    <h3>欢迎-登录</h3>
    <!-- 登录结果-提示框 -->
    <div class="alert alert-success" role="alert">
      提示消息
    </div>
    <!-- 表单 -->
    <div class="form_wrap">
      <form class="login-form">
        <div class="mb-3">
          <label for="username" class="form-label">账号名</label>
          <input type="text" class="form-control username" name="username">
        </div>
        <div class="mb-3">
          <label for="password" class="form-label">密码</label>
          <input type="password" class="form-control password" name="password">
        </div>
        <button type="button" class="btn btn-primary btn-login"> 登 录 </button>
      </form>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <!-- 3.1 引入插件 -->
  <script src="./lib/form-serialize.js"></script>
  <script>
    // 目标1：点击登录时，用户名和密码长度判断，并提交数据和服务器通信
    // 目标2：使用提示框，反馈提示消息
    // 目标3：使用form-serialize插件，收集用户名和密码

    // 2.1 获取提示框
    const myAlert = document.querySelector('.alert')
    /**2.2 封装提示框函数，重复调用，满足提示需求
     * 功能：
     * 1. 显示提示框
     * 2. 不同提示文字msg，和成功绿色失败红色isSuccess（true成功，false失败）
     * 3. 过2秒后，让提示框自动消失
    */
    function alertFn(msg, isSuccess) {
      // 1> 显示提示框
      myAlert.classList.add('show')

      // 2> 实现细节
      myAlert.innerText = msg
      const bgStyle = isSuccess ? 'alert-success' : 'alert-danger'
      myAlert.classList.add(bgStyle)

      // 3> 过2秒隐藏
      setTimeout(() => {
        myAlert.classList.remove('show')
        // 提示：避免类名冲突，重置背景色
        myAlert.classList.remove(bgStyle)
      }, 2000)
    }

    // 1.1 登录-点击事件
    document.querySelector('.btn-login').addEventListener('click', () => {
      // 3.2 使用serialize函数，收集登录表单里用户名和密码
      const form = document.querySelector('.login-form')
      const data = serialize(form, { hash: true, empty: true })
      console.log(data)
      // {username: 'itheima007', password: '7654321'}
      const { username, password } = data

      // 1.2 获取用户名和密码
      // const username = document.querySelector('.username').value
      // const password = document.querySelector('.password').value
      console.log(username, password)

      // 1.3 判断长度
      if (username.length < 8) {
        alertFn('用户名必须大于等于8位', false)
        console.log('用户名必须大于等于8位')
        return // 阻止代码继续执行
      }
      if (password.length < 6) {
        alertFn('密码必须大于等于6位', false)
        console.log('密码必须大于等于6位')
        return // 阻止代码继续执行
      }

      // 1.4 基于axios提交用户名和密码
      // console.log('提交数据到服务器')
      axios({
        url: 'http://hmajax.itheima.net/api/login',
        method: 'POST',
        data: {
          username,
          password
        }
      }).then(result => {
        alertFn(result.data.message, true)
        console.log(result)
        console.log(result.data.message)
      }).catch(error => {
        alertFn(error.response.data.message, false)
        console.log(error)
        console.log(error.response.data.message)
      })
    })
  </script>
</body>

</html>
PieroPc
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
编程不良人的Ajax入门到快速实战开发的笔记 以及 代码案例 你值得拥有哦
01-27
编程不良人的Ajax入门到快速实战开发的笔记 以及 代码案例 你值得拥有哦 前端后端交互工具 学好这一个就够了，编程不良人从头到尾的细致讲读，由封装到最后的简化，一问就了解了，还囊括了接受发送json数据进行前后...
结合Ajax进行PHP开发，第1部分:入门一个简单的相册
02-04
创建一个简单的相册添加Sajax扩展相册元数据结束语异步JavaScript和XML（AsynchronousJavaScriptandXML，Ajax）无疑是最流行的新Web技术。“结合Ajax进行PHP开发”这个系列包括两部分，我们将完全使用PHP和...
python爬虫开发从入门到实战 豆瓣_Python爬虫从入门到实战精讲
weixin_39795971的博客
11-24 110
Python爬虫从入门到实战精讲阿旺Python2019-12-18https://www.jsdaima.com/video/899.htmlPython爬虫从入门到实战精讲视频教程下载。全面系统的学习Python爬虫入门视频课程，从零开始掌握Python爬虫项目的编写，学会独立开发常见的爬虫项目，让掌握好Python基础的你，把Python用起来！一、课程章节├─第一章 爬虫的介绍│ ...
【万字长文】 Vue全家桶从入门到实战，超详细笔记整理 ( 一 ) （建议收藏）
林深不见鹿 的博客
07-27 8092
笔记根据B站编程不良人视频整理，视频链接：【编程不良人】VUE全家桶入门到实战，学VUE看这个就够了，已完结！基于企业最流行Vue实战技术， 需要md格式笔记的可以私信我。 目录1、Vue 引言2、Vue入门2.1、下载Vuejs2.2、Vue第一个入门应用3、v-text和v-html3.1、v-text3.2、v-html3.3、v-text和v-html对比4、vue中事件绑定(v-on)4、vue中事件绑定(v-on)4.1、绑定事件基本语法4.2、Vue中事件的简化语法4.3、Vue事件函数.
React入门到实战（自学版）
weixin_50011679的博客
05-17 2536
React17自学笔记，定期更新
Vue3系统入门与项目实战学习笔记
倩mys的博客
04-24 4063
文章目录1 Vue 语法初探1-1 课前须知1-2 初学编写 HelloWorld 和 Counter1-3 编写字符串反转和内容隐藏小功能1-4 编写TodoList 小功能，了解循环和双向绑定1-5 组件概念初探，对 TodoList 进行组件代码拆分2 Vue 基础语法2-1 Vue 中应用和组件的基础概念2-2 理解 Vue 中的生命周期函数2-3 常用模版语法讲解2-4 数据，方法，计算属性和侦听器2-5 样式绑定语法2-6 条件渲染2-7 列表循环渲染2-8 事件绑定2-9 表单中双向绑定指令的
Ajax从入门到精通.pdf
05-09
Ajax从入门到精通.pdf
ajax从入门到精通.rar
07-18
#资源达人分享计划# 结合本博主的博客Ajax从入门到精通（全）的代码
PythonWeb从入门到实战教程之10Ajax会话、日志、缓存、分页.zip
11-01
PythonWeb从入门到实战教程之10Ajax会话、日志、缓存、分页
AJAX&Vue
m0_69266818的博客
04-27 1011
详细介绍了vue，axios，es6，json
前端获取资源的方式(ajax、fetch)及其区别
qq_39454432的博客
04-24 1414
前端获取资源的方式(ajax、fetch)及其区别
Vim学习笔记01～04
奶萝卜的博客
04-25 1172
Vim是一个高效的文本编辑工具，并且可以在编程开发过程中发挥越来越重要的作用。事实上，有不少编程高手使用他们来进行代码的开发，并且对此赞不绝口。以下是按键总结按键功能hjkl字母间移动web词间移动ft行间移动！都看到这里，难道不想点一个免费的赞吗。
linux系统下操作I2C总线外设（imx6ull的oled显示屏i2c驱动笔记）
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
04-24 1018
在硬件层中，I2C硬件总线只有两条线路，上面可以挂载多个I2C-device，这些I2C-device有的在I2C总线里充当主机的角色，一般情况该主机为板子上的主cpu中的I2C控制器，拿imx6ul板子来说，这个I2C主机就是imx6中的I2C控制器模块。
公文写作笔记
最新发布
332295505的博客
04-29 149
最后一行的日期，后边占4个格子。落款单位在日期的正上方。③结尾：简单的总结（字数紧张时，可以省略）②主题：对策（别人做得好，就借鉴）
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
xu_duo_i的博客
04-25 406
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
vivado学习笔记——ROM IP核调用
shikuanlong的博客
04-25 230
ROM IP核调用学习笔记
茴香豆：搭建你的RAG智能助理-笔记三
qq_46576562的博客
04-26 451
解决 LLMs 在处理知识密集型任务时可能遇到的挑战, 如幻觉、知识过时和缺乏透明、可追溯的推理过程等。RAG（Retrieval Augmented Generation）技术，通过检索与用户输入相关的信息片段，并结合。LLM模型优化方法：Fine-tuning、Prompt Engineer、RAG。是一个基于LLMs的领域知识助手，由书生浦语团队开发的开源大模型应用。可见未经过模型参数任何更新，通过RAG技术可以增强模型回答的能力。讲解【茴香豆：搭建你的 RAG 智能助理】课程。
DSP技术及应用——学习笔记一（量化效应）
z754721的博客
04-25 638
零输入极限环：对于IIR滤波器，在无限精度的情况下当所有极点都位于单位圆内时，系统稳定 • 若稳定，去掉输入信号后，随着时间推移，系统输出逐渐衰减趋于零 • 然而，在有限字长的情况下 • 量化过程产生非线性作用 • 即便稳定，去掉输入信号后，系统输出将不随时间衰减趋于零，而是衰 减到某一个非零的幅度范围内。总结：1.一般，较高阶的IIR传输函数不适合用直接型结构实现，可以通过二阶系统和一阶系统的级联型结构来实现；直接型：系数与零极点的关系不直接，不易控制和调制滤波器的性能。系数量化对数字滤波器的影响。
ajax从入门到精通
07-29
AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用程序的技术。它允许在不刷新整个页面的情况下，通过异步发送HTTP请求并接收服务器返回的数据。以下是AJAX从入门到精通的一些关键知识点： 1. 基本概念：AJAX的核心概念是异步通信，它通过XMLHttpRequest对象向服务器发送请求，并处理服务器返回的数据。与传统的同步请求不同，AJAX请求能够在后台进行，不影响用户操作。 2. XMLHttpRequest对象：这是AJAX的核心对象，用于发送和接收数据。你可以使用它的open()方法指定请求的类型（GET或POST）、URL和是否异步等参数，然后使用send()方法发送请求，并通过onreadystatechange事件处理服务器返回的数据。 3. 服务器端处理：服务器端需要接收AJAX请求，并根据请求的类型和参数进行相应的处理。常见的服务器端语言有PHP、Python、Java等，你可以根据自己的需求选择合适的语言来处理AJAX请求。 4. 数据交互格式：AJAX可以使用多种数据交互格式，常见的有XML、JSON和HTML。你可以根据项目需要选择合适的数据格式来传输和解析数据。 5. 错误处理和调试：在使用AJAX时，可能会遇到网络错误、服务器错误等问题。你需要学会处理这些错误，并进行调试以找到问题所在。 6. 安全性考虑：由于AJAX请求是异步的，因此需要考虑安全性问题，如防止跨站脚本攻击（XSS）和跨站请求伪造（CSRF）。你可以通过一些安全措施来增强AJAX请求的安全性。 7. AJAX框架和库：除了原生的AJAX技术，还有一些流行的AJAX框架和库，如jQuery、Vue.js、React等。它们可以简化AJAX开发过程，提供更便捷的API和功能。 以上是AJAX从入门到精通的一些关键知识点，希望能帮助你更好地理解和应用AJAX技术。如果你有具体的问题或需要更深入的学习资料，可以告诉我。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值