《Ajax》培训大纲
I.课程的性质
Web应用程序技术的更新速度之快简直令业内人士应接不暇。而Ajax技术正是近年来最新流行的Web程序处理技术。
在Web应用中只要刷新页面就必须完全刷新,与服务器交互更需要完全刷新页面,好像这是在所难免的,这使得用户在浏览网页时非常不便。
而Google Suggest和Gmail等这种使用XMLHttpRequest对象在浏览器和服务器之间完成异步通信技术的出现,使得web页面部分刷新成为可能,这正是Ajax技术的最初模型。
其实Ajax(Asynchronous JavaScript And XML,异步Javascript和XML)技术并非一种新的Web开发语言,而是多种网页处理技术的整合,包括Javascript、XML、XMLHttpRequest对象、CSS、DOM等。而使用Ajax技术就是为了实现Web网页的异步刷新。
本课程内容编排循序渐进,由浅入深,将较为复杂的知识点完全融入趣味性实例中,符合初学者的学习思路,易上手,入门快。涵盖了Ajax技术的工作原理、XMLHttpRequest对象应用、DOM(Document Object Model)编程、Javascript脚本编程、JS文件、Ajax综合应用等各层面知识。
学习本课程,你应该对常用的Web开发语言有所了解,因为本课程不会花大量篇幅来讲述服务器端语言,重点只是Ajax以及相关的工具和技术,但是会用到服务器端语言。
Ⅱ.课程的目的和任务
“Ajax”课程的培训目的是:
本课程的目的是使学员通过学习,掌握如何使用Ajax技术完成网页异步刷新编程以及相关的工具和技术,属于程序开发类课程。
“Ajax”课程的培训任务是:
1.熟悉Ajax工作原理,并了解Ajax相关的工具和技术。
2.掌握XMLHttpRequest对象常用属性和方法的使用,属于Ajax技术的灵魂。
3.掌握Ajax常用的发送请求和处理响应的方法。
4.掌握DOM(Document Object Model)编程的使用方法技巧。
5.掌握Ajax技术与DOM 对象编程之间的关系
6.掌握使用Ajax及其相关技术完成网页异步刷新编程。
Ⅲ.课程内容与学时安排
本课程共包含6部分内容,第1部分为Ajax入门部分,主要让学员了解什么是Ajax(Asynchronous JavaScript And XML) 、Ajax工作原理、Ajax应用简单举例、Ajax相关技术;第2部分主要学习XMLHttpRequest对象用来与服务器通信的各种方法,即Ajax技术的灵魂对象,属于重点内容;第3部分主要介绍Ajax交互技术之发送请求和处理响应得操作方法;第4部分主要讲解Ajax与DOM编程技术,是Ajax技术展示网页异步刷新结果必备编程技术,属于重点内容;第5部分讲解实现基本Ajax技术实例分析;第6部分综合应用Ajax技术及相关技术完成部分项目实例。
本课程共授课80-~100学时,其中1/3学时供上机操作,达到理论与实践相结合的目的。以下各部分学时安排仅供参考。
第1部分 8 学时
第2部分 20-25 学时
第3部分 10-15 学时
第4部分 15-20 学时
第5部分 12-15 学时
第6部分 8-10 学时
Ⅳ.考核目标与考核要求
第1部分 Ajax入门
1 了解Web应用开发的发展历程
2 掌握什么是Ajax(Asynchronous JavaScript And XML)技术
3 理解Web页面整体刷新和部分刷新
4 理解Ajax工作原理
5 熟悉Ajax相关技术如Javascript、XML、DOM、CSS
6 理解使用iframe实现“Ajax”的局限性
第2部分 XMLHttpRequest对象
1 掌握什么是XMLHttpRequest对象
2 会使用Javascript脚本创建XMLHttpRequest对象
3 掌握XMLHttpRequest对象的常用属性如:onreadystatechange、readyState、responseText、responseXML、status、statusText
4 掌握XMLHttpRequest对象的常用方法如:abort、getAllResponseHeaders、open、send、setRequestHeader
5 掌握如何使用XMLHttpRequest对象完成异步回传实现页面异步刷新
6 熟悉远程脚本的概念
7 会使用远程脚本完成异步回传实现页面异步刷新
8 掌握如何发送简单的请求
9 使用XMLHttpRequest对象实现交互示例
第3部分 Ajax交互技术之发送请求和处理响应
1 掌握使用GET方法发送请求
2 掌握使用POST方法发送请求
3 掌握使用XML发送请求
4 掌握使用innerHTML属性处理服务器响应
5 掌握使用innerText属性处理服务器响应
6 会使用js文件布局页面代码
第4部分 Ajax 与DOM编程
1 理解Ajax与DOM编程的关系
2 熟悉DOM基础及DOM框架模型
3 熟悉DOM对象模型的常用属性如:childNodes、firstChild、lastChild、nodeValue、parentNode等
4 熟悉DOM对象的常用方法如:createElement、createTextNode、getElementById getElementsByTagName、hasChildNodes、getAttribute等
5 熟练使用getElementById和getElementsByTagName方法
6 掌握DOM如何解析XML文档
7 掌握使用DOM对象模型动态处理服务器的响应
8 掌握使用DOM搜索节点
9 掌握在Ajax交互技术中灵活使用DOM对象模型
第5部分 实现基本Ajax技术
1 掌握使用Ajax技术实现表单验证
2 掌握使用Ajax技术实现动态加载列表框
3 掌握使用Ajax技术实现页面进度条的编程方法
4 掌握使用Ajax技术实现简单的工具提示功能
5 掌握使用Ajax技术实现具有渐入渐出效果的工具提示功能
6 掌握使用Ajax技术实现功能动态更新Web页面
7 掌握如何创建自动刷新页面
8 掌握使用Ajax技术访问Web服务的编程方法
第6部分 Ajax技术综合应用
1 掌握综合应用Ajax技术及相关技术完成部分项目实例
2 熟悉常用Ajax框架
3 熟悉常用Ajax网络资源
Ⅴ.教材及参考书
祝红涛、刘海松、郝君启 编著 《Ajax从入门到精通》 电子工业出版社 2008年6月出版