飞豹客 · 课能看,资料也能带走
飞豹客前端开发 会员免费

黑马-新版AJAX入门到项目实战

如果你写前端时遇到「接口能调通,但数据一到页面就乱」的情况,这门课针对的就是这个阶段。它不讲 HTML 和 CSS 怎么排,而是把浏览器与服务器之间那层数据来往讲透:请求怎么发出去、参数怎么带、返回的 JSON 怎么变成页面上的内容、出错时怎么处理。学完它的直接结果,是你能独立完成一个数据从接口取回

单课价¥29.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
113 人关注 更新于 2026-05-20 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员可按日额度下载(每篇扣 1 次)。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥29.90

会员 A · 按档位折扣

永久免费可下
年免费可下
月免费可下

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

如果你写前端时遇到「接口能调通,但数据一到页面就乱」的情况,这门课针对的就是这个阶段。它不讲 HTML 和 CSS 怎么排,而是把浏览器与服务器之间那层数据来往讲透:请求怎么发出去、参数怎么带、返回的 JSON 怎么变成页面上的内容、出错时怎么处理。学完它的直接结果,是你能独立完成一个数据从接口取回并渲染到页面的完整流程,而不是只会照着别人的代码改 URL。

它解决的是「会写页面但不会接数据」这道坎

很多人学前端卡在中间:静态页面做得出来,一碰到真实接口就发怵。不知道 GET 和 POST 的区别在哪、请求头里的 content-type 为什么要改、跨域报错到底是谁的问题。这门课从最基础的请求方式讲起,把 AJAX 的底层逻辑拆开,再往上接 axios 这类实际工作中常用的工具。它同时覆盖了异步编程这条线,Promise 的链式调用、async/await 的写法都会讲到,这部分是理解现代前端代码的前提——看不懂别人写的 await,基本就没法参与真实项目。

适合什么基础,先看哪几块

前提是你能写基本的 HTML 和 JavaScript,知道变量、函数、对象是什么,没学过 JS 的话先补这一块再来。有基础的人可以按这个顺序切入:先看 AJAX 原理和原生请求那部分,把「请求—响应」的完整链路走一遍,理解状态码和响应体的含义;接着重点看 Promise 与 async/await,这是全课最值得反复看的一段,异步写不明白,后面的封装和项目都会吃力;最后再看 axios 的封装与实战案例。资料里包含天气查询这类小案例,适合边看边敲,不要只看不写。

学完能独立做什么,资料怎么用

学完比较务实的预期是:你能自己封装一个简易的请求方法,统一处理请求参数、请求体和错误提示;能读懂接口文档,按文档要求把数据取回来并渲染成列表或详情;遇到跨域、参数格式不对、返回值结构变化这类问题,知道从哪里排查。练习上建议不要停留在跟着视频敲一遍,每看完一个案例,把接口换成另一个真实可用的公开接口重做一次,比如把天气查询换成别的数据源,自己处理返回结构。封装那几节要动手改,试着加上超时和统一错误处理,能改出来才算真掌握。这套资料偏实操,跟着做比反复看更有效。

课程目录

第 1 部分236 集
  • 01.AJAX 📁 视频 AJAX-Day03-10.封装_简易axios_携带请求体数据.mp4
  • [37.4 MB] AJAX-Day04-03.Promise_链式调用.mp4
  • [37.7 MB] AJAX-Day01-13.form-serialize使用.mp4
  • [53.5 MB] AJAX-Day03-12.案例_天气预报_展示默认数据.mp4
  • [95.1 MB] AJAX-Day02-06.案例_图书管理_删除图书_V1.1.mp4
  • [43.7 MB] AJAX-Day02-11.图片上传_V1.1.mp4
  • [49.8 MB] AJAX-Day04-15.案例_学习反馈_地区菜单.mp4
  • [36.8 MB] AJAX-Day01-03.查询参数.mp4
  • [25.9 MB] AJAX-Day04-07.事件循环.mp4
  • [24.1 MB] AJAX-Day01-06.axios错误处理.mp4
  • [14.6 MB] AJAX-Day02-08.案例_图书管理_编辑图书_数据回显_V1.1.mp4
  • [53.6 MB] AJAX-Day02-01.案例_图书管理_介绍_V1.2.mp4
  • [11.3 MB] AJAX-Day01-01.AJAX入门与axios使用.mp4
  • [42.6 MB] AJAX-Day04-05.async函数和await_解决回调函数地狱.mp4
  • [46.1 MB] AJAX-Day03-09.封装_简易axios_获取地区列表.mp4
  • [39.5 MB] AJAX-Day02-15.案例_个人信息设置_头像修改.mp4
  • [38.7 MB] AJAX-Day02-07.案例_图书管理_编辑图书_弹框准备_V1.2.mp4
  • [33.0 MB] AJAX-Day01-02.认识URL.mp4
  • [30.8 MB] AJAX-Day01-10.接口文档.mp4
  • [20.9 MB] AJAX-Day03-01.XMLHttpRequest_基本使用.mp4
  • [39.1 MB] AJAX-Day02-05.案例_图书管理_新增图书_V1.4.mp4
  • [73.7 MB] AJAX-Day03-08.封装_简易axios_获取省份列表.mp4
  • [45.4 MB] AJAX-Day02-04.案例_图书管理_渲染列表_V1.4.mp4
  • [50.7 MB] AJAX-Day04-11.Promise.all静态方法.mp4
  • [57.5 MB] AJAX-Day04-12.案例_商品分类.mp4
  • [87.0 MB] AJAX-Day01-07.HTTP协议_请求报文.mp4
  • [20.6 MB] AJAX-Day04-10.事件循环经典面试题.mp4
  • [32.3 MB] AJAX-Day03-05.认识_Promise.mp4
  • [27.4 MB] AJAX-Day03-14.案例_天气预报_展示城市天气.mp4
  • [35.1 MB] AJAX-Day01-14.案例_登录_整合form-serialize插件.mp4
  • [46.9 MB] AJAX-Day02-12.案例_网站-更换背景_V1.1.mp4
  • [55.1 MB] AJAX-Day04-04.Promise_链式调用_解决回调地狱.mp4
  • [56.2 MB] AJAX-Day02-13.案例_个人信息设置_介绍.mp4
  • [6.7 MB] AJAX-Day04-14.案例_学习反馈_城市菜单.mp4
  • [37.4 MB] AJAX-Day01-09.HTTP协议_响应报文.mp4
  • [18.0 MB] AJAX-Day04-02.回调函数地狱.mp4
  • [61.7 MB] AJAX-Day03-07.使用Promise和XHR获取省份列表.mp4
  • [50.1 MB] AJAX-Day04-16.案例_学习反馈_提交数据.mp4
  • [46.3 MB] AJAX-Day03-06.认识_Promise的三种状态.mp4
  • [27.3 MB] AJAX-Day02-10.案例_图书管理_总结_V1.0.mp4
  • [18.3 MB] AJAX-Day01-05.常用请求方法和数据提交.mp4
  • [37.5 MB] AJAX-Day04-13.案例_学习反馈_省份菜单.mp4
  • [37.9 MB] AJAX-Day01-04.案例_地区查询.mp4
  • [35.7 MB] AJAX-Day04-01.同步代码和异步代码.mp4
  • [32.7 MB] AJAX-Day04-06.async函数和await_错误捕获.mp4
  • [19.2 MB] AJAX-Day03-04.XMLHttpRequest_数据提交.mp4
  • [38.9 MB] AJAX-Day01-08.请求报文-错误排查.mp4
  • [15.2 MB] AJAX-Day01-11.案例_登录.mp4
  • [62.0 MB] AJAX-Day03-03.案例_地区查询.mp4
  • [59.2 MB] AJAX-Day03-13.案例_天气预报_搜索城市列表.mp4
  • [34.9 MB] AJAX-Day02-16.案例_个人信息设置_信息修改.mp4
  • [42.8 MB] AJAX-Day02-17.案例_个人信息设置_提示框.mp4
  • [25.0 MB] AJAX-Day02-14.案例_个人信息设置_信息渲染.mp4
  • [61.5 MB] AJAX-Day03-11.案例_天气预报_获取默认数据.mp4
  • [25.9 MB] AJAX-Day01-12.案例_登录_提示消息.mp4
  • [42.8 MB] AJAX-Day02-02.Bootstrap弹框使用_属性控制显示和隐藏_V1.6.mp4
  • [56.1 MB] AJAX-Day04-09.微任务与宏任务.mp4
  • [28.7 MB] AJAX-Day03-02.XMLHttpRequest_查询参数.mp4
  • [21.2 MB] AJAX-Day04-08.事件循环_练习.mp4
  • [34.0 MB] AJAX-Day02-09.案例_图书管理_编辑图书_保存修改_V1.1.mp4
  • [56.8 MB] AJAX-Day02-03.Bootstrap弹框使用_JS控制显示和隐藏_V1.4.mp4
  • [38.9 MB] 01.AJAX必看.zip
  • [1.8 MB] 代码和笔记.exe [39.5 MB] 📁 2. TypeScript 📁 视频 📁 Day3 02-交叉类型和接口之间的对比说明.mp4
  • [29.9 MB] 20-索引查询类型(2同时查询多个).mp4
  • [13.8 MB] 11-泛型工具类型(1Partial).mp4
  • [14.3 MB] 09-数组是泛型接口.mp4
  • [27.0 MB] 13-泛型工具类型(3Pick).mp4
  • [12.1 MB] 14-泛型工具类型(4Record).mp4
  • [15.4 MB] 16-映射类型.mp4
  • [28.5 MB] 12-泛型工具类型(2Readonly).mp4
  • [9.0 MB] 19-索引查询类型(1基本使用).mp4
  • [16.2 MB] 03-泛型的基本使用.mp4
  • [49.8 MB] 10-泛型类.mp4
  • [28.7 MB] 07-多个泛型变量的情况.mp4
  • [43.6 MB] 04-简化泛型函数调用.mp4
  • [18.3 MB] 18-分析泛型工具类型Partial的实现.mp4
  • [19.0 MB] 17-映射类型(keyof).mp4
  • [14.5 MB] 01-交叉类型.mp4
  • [27.8 MB] 08-泛型接口.mp4
  • [16.5 MB] 05-泛型约束.mp4
  • [18.7 MB] 15-索引签名类型.mp4
  • [39.3 MB] 06-泛型约束(extends添加约束).mp4
  • [18.3 MB] 📁 Day1 07-TypeScript常用类型概述.mp4
  • [15.1 MB] 09-TypeScript常用基础类型分类介绍.mp4
  • [4.5 MB] 04-安装编译TS的工具包.mp4
  • [8.5 MB] 01-TypeScript是什么.mp4
  • [11.5 MB] 14-函数类型(1 单独指定参数和返回值的类型).mp4
  • [20.0 MB] 05-编译并运行TS代码.mp4
  • [19.0 MB] 17-函数可选参数.mp4
  • [16.4 MB] 03-TS相比JS的优势.mp4
  • [12.3 MB] 21-接口和类型别名的对比.mp4
  • [8.4 MB] 02-TypeScript为什么要为JS添加类型支持.mp4
  • [17.5 MB] 06-简化运行TS的步骤.mp4
  • [10.7 MB] 16-void类型.mp4
  • [6.0 MB] 08-类型注解.mp4
  • [9.6 MB] 11-数组类型.mp4
  • [16.0 MB] 19-对象可选属性.mp4
  • [9.4 MB] 12-联合类型.mp4
  • [16.8 MB] 23-元组.mp4
  • [16.9 MB] 25-类型断言.mp4
  • [40.6 MB] 10-原始类型.mp4
  • [8.9 MB] 13-类型别名.mp4
  • [18.1 MB] 22-接口继承.mp4
  • [16.3 MB] 20-接口.mp4
  • [18.6 MB] 18-对象类型.mp4
  • [31.5 MB] 15-函数类型(2 同时指定参数和返回值的类型).mp4
  • [16.9 MB] 24-类型推论.mp4
  • [28.2 MB] 📁 Day2 07-TS中的typeof运算符.mp4
  • [34.6 MB] 05-枚举的特点及原理.mp4
  • [29.0 MB] 11-class实例方法.mp4
  • [8.8 MB] 15-class类的可见性修饰符(2protected).mp4
  • [10.2 MB] 21-函数之间的类型兼容性(1函数参数).mp4
  • [26.0 MB] 01-字面量类型.mp4
  • [35.0 MB] 12-class继承(1 extends).mp4
  • [13.4 MB] 16-class类的可见性修饰符(3private).mp4
  • [8.7 MB] 02-枚举类型.mp4
  • [18.1 MB] 13-class继承(2implements).mp4
  • [14.1 MB] 17-readonly只读修饰符.mp4
  • [30.1 MB] 09-class的基本使用.mp4
  • [16.1 MB] 20-接口之间的类型兼容性.mp4
  • [19.2 MB] 18-类型兼容性的说明.mp4
  • [34.1 MB] 23-函数之间的类型兼容性(3返回值).mp4
  • [17.1 MB] 19-对象之间的类型兼容性.mp4
  • [14.5 MB] 08-TypeScript高级类型概述.mp4
  • [3.6 MB] 22-函数之间的类型兼容性(2函数参数).mp4
  • [29.0 MB] 10-class的构造函数.mp4
  • [18.5 MB] 03-枚举成员的值以及数字枚举.mp4
  • [14.9 MB] 04-字符串枚举.mp4
  • [5.7 MB] 06-any类型.mp4
  • [18.4 MB] 14-class类的可见性修饰符(1public).mp4
  • [13.0 MB] 📁 Day4 14-React函数组件的类型(1组件和属性类型).mp4
  • [38.0 MB] 03-使用已有的类型声明文件(1内置类型声明文件).mp4
  • [25.2 MB] 05-创建自己的类型声明文件(1项目内共享类型).mp4
  • [13.6 MB] 21-展示任务列表功能.mp4
  • [52.1 MB] 23-添加任务功能基本实现.mp4
  • [62.9 MB] 06-创建自己的类型声明文件(2为已有JS文件提供类型声明的概述).mp4
  • [39.1 MB] 19-React类组件的类型(3状态和事件).mp4
  • [26.9 MB] 11-TS配置文件tsconfig.json的说明.mp4
  • [73.2 MB] 12-通过命令行方式使用编译配置.mp4
  • [18.7 MB] 09-使用CRA创建支持TS的项目.mp4
  • [17.6 MB] 22-使用类型声明文件复用类型.mp4
  • [12.9 MB] 01-类型声明文件概述.mp4
  • [23.9 MB] 10-React支持TS的项目目录结构说明.mp4
  • [46.1 MB] 24-添加任务功能优化.mp4
  • [33.7 MB] 04-使用已有的类型声明文件(2第三方库的类型声明文件).mp4
  • [53.1 MB] 16-React函数组件的类型(3事件和事件对象).mp4
  • [34.0 MB] 13-React中的常用类型介绍.mp4
  • [27.2 MB] 02-TS中的两种文件类型.mp4
  • [16.4 MB] 07-创建自己的类型声明文件(3为已有JS文件提供类型声明).mp4
  • [75.2 MB] 08-在React中使用TypeScript概述.mp4
  • [4.8 MB] 20-任务列表案例介绍.mp4
  • [12.7 MB] 15-React函数组件的类型(2属性默认值).mp4
  • [20.3 MB] 17-React类组件的类型(1组件类型).mp4
  • [25.3 MB] 18-React类组件的类型(2组件属性).mp4
  • [28.5 MB] 视频必看.zip
  • [1.8 MB] 2. TypeScript文档.png [493.5 KB] 资料.exe [13.0 MB] 📁 03.Node.js与Webpack 📁 视频 Node.js与Webpack-27.Webpack打包模式.mp4
  • [42.0 MB] Node.js与Webpack-10.ECMAScript标准-命名导出和导入.mp4
  • [26.0 MB] Node.js与Webpack-25.案例-用户登录-功能完成.mp4
  • [73.7 MB] Node.js与Webpack-02.fs模块-读写文件.mp4
  • [26.8 MB] Node.js与Webpack-32.优化-生产模式下使用CDN.mp4
  • [73.2 MB] Node.js与Webpack-36.总结.mp4
  • [7.2 MB] Node.js与Webpack-23.Webpack打包less代码.mp4
  • [26.1 MB] Node.js与Webpack-22.优化-压缩过程.mp4
  • [44.6 MB] Node.js与Webpack-24.Webpack打包图片.mp4
  • [65.8 MB] Node.js与Webpack-03.path模块-路径处理.mp4
  • [36.0 MB] Node.js与Webpack-14.npm全局软件包-nodemon.mp4
  • [23.1 MB] Node.js与Webpack-26.Webpack搭建开发环境.mp4
  • [75.4 MB] Node.js与Webpack-29.前端-注入环境变量.mp4
  • [40.3 MB] Node.js与Webpack-20.Webpack打包css代码.mp4
  • [39.8 MB] Node.js与Webpack-30.Webpack开发环境调错.mp4
  • [29.3 MB] Node.js与Webpack-01.Node.js入门.mp4
  • [53.4 MB] Node.js与Webpack-34.案例-打包发布文章页面.mp4
  • [108.9 MB] Node.js与Webpack-16.Webpack简介以及体验.mp4
  • [43.1 MB] Node.js与Webpack-15.Node.js概念和常用命令总结.mp4
  • [20.4 MB] Node.js与Webpack-12.npm软件包管理器.mp4
  • [39.4 MB] Node.js与Webpack-17.Webpack修改入口和出口.mp4
  • [40.6 MB] Node.js与Webpack-28.Webpack打包模式应用.mp4
  • [37.9 MB] Node.js与Webpack-08.模块化简介.mp4
  • [35.7 MB] Node.js与Webpack-05.URL中的端口号.mp4
  • [14.1 MB] Node.js与Webpack-35.优化-分割公共代码.mp4
  • [27.1 MB] Node.js与Webpack-13.npm安装所有依赖.mp4
  • [19.2 MB] Node.js与Webpack-31.Webpack解析别名.mp4
  • [22.3 MB] Node.js与Webpack-18.案例-用户登录-长度判断.mp4
  • [46.9 MB] Node.js与Webpack-33.Webpack多页面打包.mp4
  • [106.8 MB] Node.js与Webpack-09.ECMAScript标准-默认导出和导入.mp4
  • [24.2 MB] Node.js与Webpack-21.优化-提取css代码.mp4
  • [45.9 MB] Node.js与Webpack-11.包的概念.mp4
  • [46.6 MB] Node.js与Webpack-07.案例-浏览时钟.mp4
  • [37.2 MB] Node.js与Webpack-04.案例-压缩前端html.mp4
  • [41.6 MB] Node.js与Webpack-06.http模块-创建Web服务.mp4
  • [36.9 MB] Node.js与Webpack-19.Webpack自动生成html文件.mp4
  • [41.2 MB] 03.Node.js与Webpack文档.zip
  • [1.8 MB] 代码和笔记.exe [112.3 MB] 📁 04.Git版本控制系统学习 📁 视频 Git-09.忽略文件.mp4
  • [22.2 MB] Git-15.常用命令.mp4
  • [24.8 MB] Git-11.练习-登录修复.mp4
  • [27.9 MB] Git-01.初识.mp4
  • [35.0 MB] Git-02.仓库.mp4
  • [13.2 MB] Git-03.三个区域.mp4
  • [27.0 MB] Git-07.回退版本.mp4
  • [39.2 MB] Git-19.在VSCode中使用.mp4
  • [31.8 MB] Git-04.文件状态.mp4
  • [32.5 MB] Git-06.练习-登录页面.mp4
  • [22.7 MB] Git-21.命令总结.mp4
  • [15.7 MB] Git-20.部署黑马头条数据管理平台.mp4
  • [57.8 MB] Git-18.多人协同开发.mp4
  • [22.6 MB] Git-14.分支-合并冲突.mp4
  • [49.1 MB] Git-10.分支.mp4
  • [45.2 MB] Git-17.远程仓库-克隆.mp4
  • [21.0 MB] Git-08.删除文件.mp4
  • [14.0 MB] Git-12.分支-合并与删除.mp4
  • [19.6 MB] Git-05.暂存区使用.mp4
  • [21.5 MB] Git-13.分支-合并与提交.mp4
  • [26.0 MB] Git-16.远程仓库.mp4
  • [69.0 MB] 代码和笔记.exe [93.1 MB] 📁 02.黑马头条数据管理平台 📁 视频 项目-17.内容管理-删除最后一条.mp4
  • [25.4 MB] 项目-14.内容管理-筛选功能.mp4
  • [63.7 MB] 项目-03.验证码登录.mp4
  • [77.7 MB] 项目-06.个人信息设置和axios请求拦截器.mp4
  • [41.2 MB] 项目-15.内容管理-分页功能.mp4
  • [74.8 MB] 项目-10.发布文章-频道列表.mp4
  • [38.6 MB] 项目-13.内容管理-文章列表展示.mp4
  • [70.0 MB] 项目-09.发布文章-富文本编辑器.mp4
  • [99.3 MB] 项目-01.项目介绍.mp4
  • [30.9 MB] 项目-05.token的介绍和权限访问控制.mp4
  • [32.9 MB] 项目-08.优化axios响应结果.mp4
  • [23.5 MB] 项目-20.退出登录.mp4
  • [10.7 MB] 项目-04.验证码登录流程.mp4
  • [13.4 MB] 项目-11.发布文章-封面设置.mp4
  • [67.6 MB] 项目-16.内容管理-删除功能.mp4
  • [48.1 MB] 项目-18.内容管理-编辑文章-回显.mp4
  • [134.8 MB] 项目-02.项目准备.mp4
  • [12.2 MB] 项目-19.内容管理-编辑文章-保存.mp4
  • [72.7 MB] 项目-07.axios响应拦截器和身份验证失败.mp4
  • [41.7 MB] 项目-12.发布文章-收集并保存.mp4
  • [103.1 MB] 代码和笔记.exe [45.2 MB] 前端框架前置课程完结篇.mp4
  • [11.4 MB] 欢迎学习课程-导学.mp4
  • [28.2 MB] 适合人群 前端开发新手 希望提升AJAX技能的开发者 对Web开发感兴趣的学习者 学习收获 掌握AJAX基本原理和用法 熟练使用axios进行数据交互 能够独立完成AJAX项目 祝您学习愉快! 学有所成,前程似锦!