厦大数据库实验室蔡珉星：Web技术.ppt

Web前端技术 同步 发起请求成功后 浏览器会清空当前内容 再重定向到一个新的页面 异步 在当前页面返回数据 浏览器不会重定向 背景知识之：Web中的同步与异步 Web前端技术 Ajax简单的例子 Web前端技术 Ajax简单的例子 点击按钮后 Web前端技术 Ajax优势 容易实现 无需跳转到新页面即可显示新数据（无刷新，显示速度快） 减少数据的传输，减轻服务器压力 创意应用 Ajax应用场景 注册（判断用户名是否可用） 登陆 加载新内容（翻页）… Web前端技术 Ajax应用解析 – 瀑布流式布局 起源于Pinterest，参差不齐的布局，会不断加载内容 特别适合于图片展示 应用广，图片类应用基本都会采用 Web前端技术 瀑布流演示 Web前端技术 Ajax应用解析 – 瀑布流式布局 Web前端技术 Ajax应用解析 – 瀑布流式布局 Web前端技术 现在你就大致清楚Google Suggest等绝大多数 Ajax应用的实现原理了 Web前端技术 Ajax应用数据传输 – JSON JSON JavaScript Object Notation，JavaScript对象表示法 轻量级的数据交换格式，比XML更小、更快 Web前后端均支持良好 Web前端技术 Ajax应用数据传输 – JSON JSON的格式 - 类数组