Ajax是Web程序设计中一种常用的技术,本书通过一个城市信息的例子讲解了ASP.NET服务器程序、jQuery及Ajax程序的编程方法,重点讲解了Form、XML、JSON数据格式的数据传输方式,最后通过一个宠物信息的实例讲解了Ajax程序的综合应用。 本书的特点是实践性强,每节都采用案例展示、技术要点、客户端程序设计、服务器程序设计、拓展训练的结构作为学习路径,同时每章都配有一定的编程练习,锻炼和培养读者编程的能力。 书中的所有服务器都是用ASP.NET编写的,只要把ASP.NET程序换成JSP或者PHP程序,客户端程序几乎不用变动,程序可以方便迁移到JSP或者PHP的服务器平台上。
本书可以作为高等院校的教材,也可以作为相关技术人员学习Ajax程序设计的入门参考。
我国高等学校计算机教育近年来迅猛发展,应用所学计算机知识解决实际问题,已经成为当代大学生的必备能力。
时代的进步与社会的发展对高等学校计算机教育的质量提出了更高、更新的要求。现在,很多高等学校都在积极探索符合自身特点的教学模式,涌现出一大批非常优秀的精品课程。
为了适应社会的需求,满足计算机教育的发展需要,清华大学出版社在进行了大量调查研究的基础上,组织编写了《高等学校计算机专业教材精选》。本套教材从全国各高校的优秀计算机教材中精挑细选了一批很有代表性且特色鲜明的计算机精品教材,把作者们对各自所授计算机课程的独特理解和先进经验推荐给全国师生。
本系列教材特点如下。
(1)编写目的明确。本套教材主要面向广大高校的计算机类专业学生,使学生通过本套教材,学习计算机科学与技术方面的基本理论和基本知识,接受应用计算机解决实际问题的基本训练。
(2)注重编写理念。本套教材作者群为各高校相应课程的主讲教师,有一定经验积累,且编写思路清晰,有独特的教学思路和指导思想,其教学经验具有推广价值。本套教材中不乏各类精品课配套教材,并力图努力把不同学校的教学特点反映到每本教材中。
(3)理论知识与实践相结合。本套教材贯彻从实践中来到实践中去的原则,书中的许多必须掌握的理论都将结合实例来讲,同时注重培养学生分析、解决问题的能力,满足社会用人要求。
(4)易教易用,合理适当。本套教材编写时注意结合教学实际的课时数,把握教材的篇幅。同时,对一些知识点按教育部教学指导委员会的最新精神进行合理取舍与难易控制。
(5)注重教材的立体化配套。大多数教材都将配套教师用课件、习题及其解答,学生上机实验指导、教学网站等辅助教学资源,方便教学。
随着本套教材陆续出版,相信能够得到广大读者的认可和支持,为我国计算机教材建设及计算机教学水平的提高,为计算机教育事业的发展做出应有的贡献。
清华大学出版社前言
Ajax是Web程序设计中一种常用的技术,ASP.NET是常用的Web服务器程序,jQuery是客户端程序流行的函数库,本书讲解这三个方面的程序设计知识,学习本书的读者要求具有JavaScript的编程基础。
全书包含5章,第1~4章通过一个城市信息的例子,讲解Ajax程序的学习路径。第1章介绍了ASP.NET服务器程序的编写方法,重点介绍了数据在客户端与服务器的传递方式与ADO访问数据库的基本操作方法。第2章简单介绍了jQuery的程序编写方法,重点介绍了对象的选择与操作。第3章讲解了基于XMLHttpRequest通信对象的Ajax程序设计方法,重点讲解了客户端的Ajax程序通过Form、XML、JSON等数据格式与服务器程序的数据通信技术。第4章讲解了基于jQuery的Ajax程序的编写方法与一些综合应用,同时也讲解了Ajax上传二进制文件的方法。第5章通过一个宠物信息的综合实例讲解Ajax程序的综合应用,巩固所学的知识,重点培养编程能力。
要学好一门编程技术,不应该拘泥于该技术的规范细节,重点是要大量使用该技术来编写程序,从实践中学习与巩固基本知识,锻炼编程能力。因此,本书的特点是实践性强,每节都采用案例展示、技术要点、客户端程序设计、服务器程序设计、拓展训练的结构作为学习路径。学习之前读者先了解要做什么,要用到什么技术,怎么样编写客户端与服务器程序,学完后还配有拓展训练环节,帮助读者巩固与拓展本节所学的知识。同时每章都配有一定的编程练习,锻炼和培养读者编程的能力。
考虑到篇幅以及实用性,本书的所有服务器都是基于ASP.NET程序,对于熟悉JSP和PHP服务器的读者来说,本书也是一本很好的参考教材,只要把书中的ASP.NET服务器程序换成JSP或者PHP程序,书中的客户端程序几乎都可以使用。
本书可以作为高等院校的教材,建议总学时安排在40学时左右,其中讲授与上机实践的学时比例在1∶1左右。
由于作者水平有限,书中难免有些错误或不足之处,敬请广大读者批评指正。
作者
2014年4月于深圳
第1章ASP.NET程序基础1
1.1Ajax技术简介1
1.1.1Ajax程序简介1
1.1.2Ajax的应用4
1.1.3必备知识5
1.2搭建服务器环境5
1.2.1安装.NET Framework框架5
1.2.2开启与测试IIS6
1.3C#语言基础6
1.3.1数据类型6
1.3.2数据类型转换8
1.3.3数据运算10
1.3.4分支语句14
1.3.5循环语句16
1.3.6数组18
1.3.7异常处理19
1.4设计与部署服务器程序20
1.4.1案例展示20
1.4.2技术要点20
1.4.3客户端程序设计21
1.4.4服务器程序设计22
1.4.5拓展训练23
1.5发送数据到服务器程序24
1.5.1案例展示24
1.5.2技术要点24
1.5.3客户端程序设计26
1.5.4服务器程序设计27
1.5.5拓展训练28
1.6更新数据库的城市数据28
1.6.1案例展示28
1.6.2技术要点28
1.6.3客户端程序设计30
1.6.4服务器程序设计30
1.6.5拓展训练32
1.7读取数据库的城市数据33
1.7.1案例展示33
1.7.2技术要点33
1.7.3客户端程序设计35
1.7.4服务器程序设计36
1.7.5拓展训练37
1.8更新数据库的城市说明39
1.8.1案例展示39
1.8.2技术要点39
1.8.3客户端程序设计40
1.8.4服务器程序设计41
1.8.5拓展训练42
1.9更新数据库的城市照片43
1.9.1案例展示43
1.9.2技术要点44
1.9.3客户端程序设计45
1.9.4服务器程序设计45
1.9.5拓展训练47
1.10编程练习48第2章jQuery程序基础50
2.1jQuery操作基本元素50
2.1.1案例展示50
2.1.2技术要点50
2.1.3客户端程序设计54
2.1.4服务器程序设计55
2.1.5拓展训练56
2.2jQuery操作选择元素57
2.2.1案例展示57
2.2.2技术要点57
2.2.3客户端程序设计60
2.2.4服务器程序设计61
2.2.5拓展训练61
2.3jQuery操作列表元素62
2.3.1案例展示62
2.3.2技术要点63
2.3.3客户端程序设计66
2.3.4服务器程序设计68
2.3.5拓展训练69
2.4jQuery操作表格元素70
2.4.1案例展示70
2.4.2技术要点70
2.4.3客户端程序设计77
2.4.4服务器程序设计78
2.4.5拓展训练78
2.5编程练习79第3章Ajax程序设计基础篇83
3.1获取服务器日期时间83
3.1.1案例展示83
3.1.2技术要点83
3.1.3客户端程序设计86
3.1.4服务器程序设计87
3.1.5拓展训练88
3.2GET发送城市数据89
3.2.1案例展示89
3.2.2技术要点89
3.2.3客户端程序设计91
3.2.4服务器程序设计93
3.2.5拓展训练93
3.3POST发送省份城市数据96
3.3.1案例展示96
3.3.2技术要点96
3.3.3客户端程序设计97
3.3.4服务器程序设计98
3.3.5拓展训练99
3.4XML格式的城市数据100
3.4.1案例展示100
3.4.2技术要点100
3.4.3客户端程序设计102
3.4.4服务器程序设计104
3.4.5拓展训练104
3.5获取XML格式城市数据105
3.5.1案例展示105
3.5.2技术要点105
3.5.3客户端程序设计107
3.5.4服务器程序设计108
3.5.5拓展训练110
3.6JSON格式城市数据111
3.6.1案例展示111
3.6.2技术要点112
3.6.3客户端程序设计115
3.6.4服务器程序设计116
3.6.5拓展训练117
3.7获取JSON格式城市数据117
3.7.1案例展示117
3.7.2技术要点117
3.7.3客户端程序设计119
3.7.4服务器程序设计121
3.7.5拓展训练123
3.8编程练习123第4章Ajax程序设计提高篇125
4.1$.get函数发送城市数据125
4.1.1案例展示125
4.1.2技术要点125
4.1.3客户端程序设计126
4.1.4服务器程序设计127
4.1.5拓展训练127
4.2$.post发送城市数据129
4.2.1案例展示129
4.2.2技术要点130
4.2.3客户端程序设计130
4.2.4服务器程序设计131
4.2.5拓展训练132
4.3$.ajax发送与接收城市数据133
4.3.1案例展示133
4.3.2技术要点133
4.3.3客户端程序设计134
4.3.4服务器程序设计137
4.3.5拓展训练139
4.4发送与存储城市数据141
4.4.1案例展示141
4.4.2技术要点141
4.4.3客户端程序设计143
4.4.4服务器程序设计145
4.4.5拓展训练147
4.5管理城市数据记录148
4.5.1案例展示148
4.5.2技术要点148
4.5.3客户端程序设计149
4.5.4服务器程序设计153
4.5.5拓展训练156
4.6发送与管理城市照片157
4.6.1案例展示157
4.6.2技术要点157
4.6.3客户端程序设计160
4.6.4服务器程序设计163
4.6.5拓展训练165
4.7城市名称输入自动完成167
4.7.1案例展示167
4.7.2技术要点167
4.7.3客户端程序设计168
4.7.4服务器程序设计170
4.7.5拓展训练172
4.8列表查看城市信息172
4.8.1案例展示172
4.8.2技术要点173
4.8.3客户端程序设计173
4.8.4服务器程序设计176
4.8.5拓展训练178
4.9图像查看城市信息180
4.9.1案例展示180
4.9.2技术要点181
4.9.3客户端程序设计182
4.9.4服务器程序设计185
4.9.5拓展训练186
4.10编程练习188第5章Ajax程序综合实例190
5.1宠物信息管理程序概要190
5.1.1宠物数据库pets.mdb190
5.1.2宠物数据管理程序191
5.1.3宠物信息浏览程序191
5.1.4宠物信息服务器程序191
5.2宠物信息管理程序设计192
5.2.1数据库设计192
5.2.2客户端界面设计192
5.2.3管理员登录设计193
5.2.4宠物分类与名称的获取195
5.2.5宠物信息显示的设计197
5.2.6宠物分类与名称管理设计198
5.2.7宠物简介管理的设计201
5.2.8宠物图片管理的设计202
5.3宠物信息浏览程序设计204
5.3.1宠物说明框的设计204
5.3.2宠物图片列表的设计205
5.3.3鼠标事件函数的设计207
5.4宠物信息管理程序清单208
5.4.1宠物信息服务器程序208
5.4.2宠物信息浏览程序214
5.4.3宠物信息管理程序219
5.5编程练习230