javascript摘要,javascript内容

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

求一篇关于Javascript课程的学期结课论文

论ＡＪＡＸ技术及应用

[论文关键词]Ajax JavaScript DHtml Web2.0

[论文摘要]Ajax是Web2.0的核心之一，它采用异步模式，可以开发出基于浏览器的具有高用户交互性的web应用，改变了传统Web应用的交互模式，从而可以构建出更为动态、响应更灵敏和用户体验更好的Web应用程序。

一、Ajax技术简介

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript

和XML），是指一种创建交互式网页应用的网页开发技术。Ajax运用的了如下的一些基本技术：

HTML：用于建立Web表单并构建Web应用界面；JavaScript：Ajax 技术的核心，帮助改进与服务器应用程序的通信；DHTML（Dynamic HTML）：用于动态更新表单。通常使用div、span和其他动态HTML元素来标记HTML；文档对象模型DOM：用于（通过JavaScript代码）处理 HTML 结构。

二、Ajax原理

在传统的Web 应用程序中，交互的一般流程是：用户填写表单字段并单击提交按钮，整个表单发送到服务器，通过服务器端不同的技术（如PHP、JSP等）进行处理，然后再将处理结果以全新的页面发送回客户端。在用户提交后等待处理时，屏幕变成一片空白，用户得不到立即反馈。

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。也就是说当用户提交表单时，数据发送给一些JavaScript

代码而不是直接发送给服务器。而JavaScript代码捕获表单数据并向服务器发送请求，即JavaScript 代码在幕后发送请求，用户甚至不知道请求的发出，并且请求是异步发送的，就是说JavaScript代码（和用户）不用等待服务器的响应。在JavaScript代码和服务器进行交互时，用户仍然可以继续输入数据、滚动屏幕和使用应用程序。在服务器处理完毕后将数据返回JavaScript代码（仍然在Web表单中），然后使用DOM技术迅速更新表单数据，让用户感觉应用程序是立即完成的，表单没有提交或刷新而用户得到了新数据。JavaScript代码甚至可以对收到的数据执行某种计算，再发送另一个请求，完全不需要用户干预，甚至完全不知道幕后发生的一切，从而极大的提升了用户体验。

三、Ajax应用

现以修改用户的登录名的例子来讲述AJAX在实际中的应用，该实例可以推广到网页中任何文本内容的动态修改。

（一）创建XMLHttpRequest对象，为了使代码同时支持Internet Explorer和非Microsoft浏览器，使用如下代码

var xmlHttp = false;

try {

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}catch (e2) {

xmlHttp = false;

}