本教材主要讲授Web前后端数据交互技术，包括HTTP协议、Ajax、iframe、页面性能优化、WebSocket等知识应用，面向对象为软件类专业和计算机应用技术专业的学生以及从事Web前端开发的社会人员。本教材能够使学习者对Web前端开发的技术体系有更系统、更清晰的认识，熟练掌握Web前后端数据交互开发技能，进而提高职业能力和职业素养。

项目一 所见即所得———Web概述 ………………………………………………………… 1

任务1.1 认识 Web ……………………………………………………………………… 2

任务1.2 理解 Web前后端分离过程 …………………………………………………… 18

任务1.3 了解 Web前后端交互技术 …………………………………………………… 30

项目二 数据的搬运工———HTTP ………………………………………………………… 39

任务2.1 认识 HTTP …………………………………………………………………… 40

任务2.2 了解 HTTP通信 ……………………………………………………………… 50

任务2.3 掌握 HTTP状态码 …………………………………………………………… 58

项目三 异步握手———Ajax ………………………………………………………………… 67

任务3.1 认识 Ajax ……………………………………………………………………… 67

任务3.2 理解 Ajax工作原理 …………………………………………………………… 78

任务3.3 掌握 Ajax的应用操作 ………………………………………………………… 88

项目四 画中画———iframe………………………………………………………………… 105

任务4.1 认识iframe简介……………………………………………………………… 107

任务4.2 理解iframe工作原理………………………………………………………… 116

任务4.3 掌握iframe的应用操作……………………………………………………… 128

项目五 网络通行证———会话机制……………………………………………………… 141

任务5.1 掌握 Cookie概述及应用 …………………………………………………… 142

任务5.2 掌握 Session概述及应用 …………………………………………………… 152

项目六 网页的优化师———页面性能优化…………………………………………………163

任务6.1 学习资源压缩减少 HTTP请求 …………………………………………… 163

任务6.2 掌握静态资源与动态资源分离 ……………………………………………… 172

任务6.3 掌握非核心代码异步加载 …………………………………………………… 178

任务6.4 掌握浏览器缓存机制 ………………………………………………………… 186

任务6.5 掌握 DNS预解析 …………………………………………………………… 192

项目七 网络通信邮差———Socket………………………………………………………… 199

任务7.1 认识 Socket ………………………………………………………………… 200

任务7.2 掌握 Socket事件与方法 …………………………………………………… 208

任务7.3 掌握 Socket操作 …………………………………………………………… 214

项目八 数据的桥梁———后台数据处理………………………………………………… 227

任务8.1 认识JDBC …………………………………………………………………… 227

任务8.2 学习JDBC 连接数据库 ……………………………………………………… 234

任务8.3 掌握JDBC 应用实例 ………………………………………………………… 244

任务8.4 学习前后端接口 Servlet …………………………………………………… 252

参考文献……………………………………………………………………………………… 265