Ajax在web中的应用-开题报告

南京理工大学紫金学院毕业设计(论文)开题报告学生姓名：AA学号：0806015专业：计算机科学与技术设计(论文)题目：Ajax在web中的应用指导教师:AA2012年2月22日开题报告填写要求1．开题报告（含“文献综述”）作为毕业设计（论文）答辩委员会对学生答辩资格审查的依据材料之一。此报告应在指导教师指导下，由学生在毕业设计（论文）工作前期内完成，经指导教师签署意见及所在专业审查后生效；2．开题报告内容必须用黑墨水笔工整书写或按教务处统一设计的电子文档标准格式（可从教务处网页上下载）打印，禁止打印在其它纸上后剪贴，完成后应及时交给指导教师签署意见；3．“文献综述”应按论文的格式成文，并直接书写（或打印）在本开题报告第一栏目内，学生写文献综述的参考文献应不少于15篇（不包括辞典、手册）；4．有关年月日等日期的填写，应当按照国标GB/T7408—2005《数据元和交换格式、信息交换、日期和时间表示法》规定的要求，一律用阿拉伯数字书写。如“2007年3月15日”或“2007-03-15”。毕业设计（论文）开题报告1．结合毕业设计（论文）课题情况，根据所查阅的文献资料，每人撰写2000字左右的文献综述：文献综述Ajax是AsynchronousJavaScriptandXML的简称，从本质上而言，Ajax并非新的技术，而是网络浏览器里已有的三项重要特征的结合浏览器可以通过JavaScript和WebServer进行通信；JavaScript能在不刷新页面的情况下动态地改变页面的值；浏览器能够解析XML文件Ajax包含四种核心技术，即CSSDOMXMLHttpRequest以及JavaScript。1.1概述传统的网络页面工作流程是浏览器向Web服务器发送请求，服务器收到浏览器的请求后，强制浏览器进入等待状态处理完成后，生成一个完整的新Web页面发送到浏览器，浏览器在收到响应后刷新整个页面以显示新的数据，浏览器客户端的动作总是和服务器的响应同步。2.1使用CSS定义应用的外观CSS的英文全称为CascadingStyleSheets，即层叠样式表，它是由W3C（万维网联盟）制定的Web表现层技术标准该标准以CSS来描述整个Web页面的布局设计，为Web页面元素提供了一种可以重用的可视化样式的定义方法CSS以一致的方式定义和使用可视化样式元素，例如颜色边框背景图片透明度和大小等，此外，样式表还能够定义页面元素相互之间的布局以及简单的用户交互功能，并能够非常方便的设置在页面的元素上使用CSS布局能帮助设计师分离出页面的结构和样式外观，使站点的构建与维护更加容易。2.2使用DOM技术组织视图DOM的英文全称为DocumentObjectModel，即文档对象模型，它也是一种由W3C制定的让浏览器与Web页面内容结构之间交互的规范它由一组可以使用JavaScript操作的可编程对象展现出Web页面的结构Web页面中的HTML标签被组织成一个树状结构，树的根节点是HTML标签，它代表了整个页面文档，它内部的BODY标签代表了文档的主体部分，是可见文档结构的根节点在文档主题之内，有表格段落列表以及其他的标签类型，每个标签之中可能还有其他标签,实际上，在Ajax应用中，正是因为DOM对象代表了Web页面的界面结构元素，我们才能通过JavaScript脚本语言来对Web界面元素进行编程控制，从而使得Ajax应用程序可以在运行时改变用户界面，包括改变界面元素的CSS样式。2.3使用XMLHttpRequest异步加载数据XMLHttpRequest是浏览器内建的对象，它允许Web浏览器以后台活动的方式与Web服务器进行数据交互数据的格式通常是XML，但是也可以很好地支持任何但是也可以很好地支持任何基于文本的数据格式它是Ajax技术的核心部分下面着重介绍XMLHttpRequest的几个重要属性和事件及方法。2.3.1属性readystate属性：从XMLHttpRequest对象中把一个Http请求服务器接受服务器的响应，将经历若干种状态，readyState用来描述XMLHttpRequest对象当前状态status属性：代表HttpRequest的状态，譬如404是没有找到服务器，500是服务器程序出错，200代表请求处理成功responseText属性：客户端接收到的HTTP响应的文本内容responseXML属性：客户端接收到的完整的XML格式的HTTP响应。2.3.2事件onreadystatechange事件：当XMLHttpRequest对象的readystate发生改变时，XMLHttpRequest对象都会触发一个readystatechange事件事实上，onreadystatechange是一个回调函数，它用来监视服务器端对客户端的响应，客户端收到服务端的响应后，调用该回调函数，进行相应的逻辑处理。2.3.3方法open()方法：Open用来初始化一个XMLHttpRequest对象的请求，其函数原型为：open(DOMStringmethod，DOMStringURL，booleanasync，DOMString，username，DOMStringpassword)其中，method参数用于指定你想用来发送请求的HTTP方法(GETPOSTPUTDELETE或HEAD)URL参数用于指定XMLHttpRequest对象所要请求的服务器async参数指定是否请求是异步的，缺省值为true最后两个参数用于要求认证的服务器，为可选参数send()方法：在通过调用open()方法准备好一个请求之后，调用send()方法把该请求发送到服务器当open()方法的async参数为true时，send()方法立即返回，从而允许其它客户端脚本处理继续send()方法使用一个可选的参数。2.4使用JavaScript绑定和处理数据JavaScript是一种弱类型的解释型的和通用的脚本语言弱类型意味着变量不需要明确声明其类型，同一个变量可以使用不同的类型来赋值解释型意味着不需要编译，源代码本身就可以执行，将源代码放在Web服务器上，通过因特网传输到用户浏览器中，JavaScript的部署就算完成了通用意味着这种语言适用于大部分的算法和编程任务JavaScript语言核心支持数字字符串日期和时间数组用于处理文本的正则表达式及数学函数JavaScript还支持定义结构化的对象，因此可以使用面向对象的设计原则来构建更加复杂的应用，这也使得利用设计模式的思想来改进Ajax应用的开发变为可能Web浏览器中嵌入了JavaScript解释器，能通过JavaScript引擎与浏览器的许多内建功能进行交互，例如CSSDOM以及XMLHttpRequest，这允许页面开发者通过编程方式控制页面的表现。2.5Ajax核心技术在应用中的协作使用了Ajax技术的Web页面在得到用户请求时，会触发JavaScript事件，这些事件定义了工作流程和业务逻辑JavaScript在执行事件时通过XMLHttpRequest向服务器发送异步的HttpRequest，以执行服务器后台操作客户端在收到服务器的响应数据后，通过JavaScript操作DOM来改变和刷新用户界面，重绘特定页面元素的CSS样式或者重新组织显示给用户的数据，而不需要刷新整个页面这一过程对用户而言是透明的，也就是说，用户甚至不知道浏览器正在与服务器通信，Web站点的响应看起来是即时的。参考文献：[1]MichaelMoncur．JavaScript入门经典[M]．王军译.北京：人民邮电出版社，2007．[2]JunejamrichParsons，DanOja．计算机文化[M]．北京：机械工业出版社，2001．[3]刘晨，张滨．黑客与网络安全[M]．北京：航空工业出版社，1999．[4]谢希仁．计算机网络[M]．大连：大连理工大学出版社，2004．[5]肖金秀等．多媒体技术及应用[M]．北京：冶金工业出版社，2004．[6]TImothyJ.O’Leary．ComputingEssentials[M]．北京：高等教育出版社，2000．[7]陶树平．计算机科学技术导论[M]．北京：高等教育出版社，2002．[8]张孝祥．JavaScript网页开发[M]．北京：清华大学出版社，2009．[9]相万让．网页设计与制作[M]．北京：人民邮电出版社，2004．[10]卢湘鸿．计算机应用基础习题解答与实验指导[M]．北京：清华大学出版社，2002．[11]杨振山，龚沛曾．大学计算机基础上机实验指导与测试[M]．北京：高等教育出版社，2004．[12]王国辉，李立文，杨亮.JSP数据库系统开发完全手册[M]．北京：人民邮电出版社，2010[13]张孝祥.Java就业培训教程[M].北京：清华大学出版社，2003．[14]BruceEckel.Java编程思想[M].北京：机械工业出版社，2007．[15]陈鹏，程勇.J2EE项目开发实用案例[M]..北京：科技出版社，2006．毕业设计（论文）开题报告２．本课题要研究或解决的问题和拟采用的研究手段（途径）：1．输入值校验的问题如在申请用户的时候，需要进数据库对该用户进行唯一性确认，然后才能继续往下申请这种校验需要访问后台数据库，但又不希望用户在这里提交后等待用户名必须唯一的情况下，传统做法填定好用户信息后提交到后台，查询数据库发现重复，返回页面提示用户用户名重复，重新提交信息。用ajax用户填定好用户名后，自动检查测是否是重复，重复直接提示用户名重复重新输入用户名，而不需要提交后才检测2.级联显示的问题这种问题应该是我们遇到的最多的表现层的问题,最常见的是级联的两个或更多的选择框。城市的数据从表(city_info)表中读取.如省份下拉框选择了浙江，则相应的城市下拉框选项也变为浙江省的城市，传统做法下拉框选择变化后提交到后台查询所选的省份下的所有城市，返回前台刷新显示更新过的省份下的城市。使用Ajax技术省份下拉框选择后，不刷新页面，城市下拉框显示相应省份下的.3.数据录入和列表显示在同一个页面在B/S的UI上，由于需要提交刷新的问题，我们经常把数据的录入和数据显示分别放在两个不同的页面上.如新增学生信息。一个页面是显示学生的列表，一个页面是新增学生页面。每新增完一个学生后，页面返回到列表页面，刷新显示最新的学生列表。使用Ajax技术将新增学生和学生列表放在同一个页面。每新增完一个学生后，不刷新页面。列表更新为最新的学生信息列表。毕业设计（论文）开题报告指导教师意见：1．对“文献综述”的评语：本文对Ajax技术进行了综述，接着对Ajax的核心异步加载数据进行了研究。该同学在论文开题期间学习了关于Ajax的基础知识和基本实现技术,阅读了大量的参考文献，文献综述写作比较规范，内容丰富，符合文献综述的基本要求。2．对本课题的深度、广度及工作量的意见和对设计（论文）结果的预测：拟采取的研究方法合理，目标可行，技术路线正确，具有一定的研究基础，能达到预期目标。同意开题。指导教师：2012年3月1日所在专业审查意见：负责人：年月日