先说值不值得学:这门课解决什么场景

很多做传统表单提交的开发者,或者刚从后端转做全栈、刚接触前后端分离的人,都会卡在一个很具体的场景上:页面只要一刷新,用户填了一半的数据就全没了;每次和服务器交互都要整页刷新,体验非常差。这门讲 Ajax 的课,解决的就是这种“页面局部数据更新”和“前后端异步通信”的问题。它不是教你写花哨的界面,而是让你搞懂浏览器怎么在不刷新整个页面的前提下,偷偷把请求发给后端,再把结果拿回来渲染。如果你平时的工作还停留在同步请求、整页跳转的阶段,或者看别人代码里的异步请求总是一知半解,那这部分内容是必须补齐的。但如果你已经在用现代前端框架并且对底层网络请求非常熟练,这门课可能只是帮你回顾底层原理,性价比就不高了。

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

这季内容默认你已经掌握了 Java 基础语法和基本的 Web 开发流程,至少得能独立写出一个简单的 Servlet 或者 Spring MVC 接口。如果你连后端怎么接 HTTP 请求都没搞明白,直接看这季会非常吃力,建议先去补前几季的基础内容。对于符合基础要求的读者,建议先把精力放在两个核心板块上:第一是原生 XMLHttpRequest 的执行流程和用法,这是理解异步请求的根基,不要跳过去直接学框架封装;第二是跨域问题的处理,尤其是 CORS 和 JSONP 这两块。很多初学者在自己本地写 Demo 时没感觉,一旦部署到前后端分离的项目里,跨域报错能卡好几天。把这两个板块的原理弄透,后面遇到各种跨域配置报错,你都能自己排查,而不是盲目去搜配置代码复制粘贴。

资料怎么配合练习,学完能独立做什么

看视频时一定要把配套的代码跟着敲一遍,尤其是用户登录这个练习案例。很多人看视频觉得听懂了,一到自己写就抓瞎,原因就是没跟着把完整的交互链路跑通。建议的练习方式是:先跟着视频用原生方式手写一遍请求,体会一下原生的繁琐和回调的过程;然后再用 jQuery 的封装方法实现一遍,对比一下两者代码量和逻辑的差异。学完之后,你应该能独立做几件事:在不刷新页面的情况下完成用户的异步登录校验并给出提示、向后端发送数据并处理后端返回的自定义结果对象、以及在前端和后端不在同一个域名下时,能自己配置跨域规则让请求正常通联。这些不是理论,而是日常业务开发里每天都在用的基础动作。把这套异步通信的链路彻底跑通,你写出来的 Web 应用在交互体验上就能彻底脱离初级水平。

课程目录

课程目录15 集
  • 1-1 [Ajax基本用法] Ajax简介 (09:23).mp4
  • 1-2 [Ajax基本用法] Ajax执行流程 (05:18).mp4
  • 1-3 [Ajax基本用法] XMLHttpRequest用法 (24:48).mp4
  • 1-4 [Ajax基本用法] 响应自定义结果对象 (11:57).mp4
  • 2-1 [jQuery实现Ajax] 使用jQuery实现Ajax (16:54).mp4
  • 2-2 [jQuery实现Ajax] jQuery发送Ajax的方法 (08:04).mp4
  • 2-3 [jQuery实现Ajax] 练习:Ajax实现用户登陆_1 (19:03).mp4
  • 2-4 [jQuery实现Ajax] 练习:Ajax实现用户登陆_2 (07:43).mp4
  • 3-1 [Ajax跨域] Ajax跨域之CORS (17:21).mp4
  • 3-2 [Ajax跨域] Ajax跨域之JSONP (20:00).mp4
  • 3-3 [Ajax跨域] 通过jsonp访问数据 (15:25).mp4
  • 3-4 [Ajax跨域] API数据接口 (19:03).mp4
  • 4-1 [前端模板引擎] 前端模板引擎的产生 (16:12).mp4
  • 4-2 [前端模板引擎] artTemplate的使用 (18:22).mp4
  • 4-3 [前端模板引擎] 案例:展示天气信息 (25:13).mp4