Ajax

　　•技能

　　–Ajax

　　•练习

　　–练习1——展示效果并认识Ajax

　　–练习2——判断用户名是否可用

　　–练习3——根据区号获取省份和城市

　　–练习4 ——使用jQuery Ajax完成练习2和练习3

　　–练习5 ——认识JSON

　　–练习6——使用Ajax功能完成更新学生操作

　　–练习7——使用Ajax完成学生的多条件查询操作

　　–练习8——三级联动菜单

　　练习1——展示效果并认识Ajax

　　•需求说明：

　　–演示最终Ajax效果

　　–提供Ajax素材

　　•方案1：传统方案

　　–提交表单，服务器端处理，错误后跳转到注册页面，同时显示错误信息。返回客户端的使用整个注册页面。

　　–缺点：较大的网络流量，用户体验不好

　　•方案2：使用Ajax方案。

　　–用户名的确认和用户书写其他表单项可以同时进行;返回客户端的至少错误信息;

　　–优点：较小的网络流量，用户体验好

　　•Ajax (Asynchronous JavaScript and XML 阿贾克斯)不是一个新的技术，事实上，它是一些旧有的成熟的技术以一种全新的更加强大的方式整合在一起

　　•Ajax之父Jesse James Garrett于2005年提出这一新概念

　　•由于Google公司在Google地图、Google建议、Gmail等产品中对Ajax的成功运用，使得web浏览器的潜力被大大挖掘了出来，从而Ajax越来越受到关注并流行起来。

　　•Ajax的关键技术：

　　使用CSS构建用户界面样式，负责页面排版和美工

　　使用DOM进行动态显示和交互，对页面进行局部修改

　　使用XMLHttpRequest异步获取数据

　　使用JavaScript将所有元素绑定在一起

　　•Ajax的最大特点：异步访问，局部刷新

分享到：

0评论