索要Javascript课程的期末论文。

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

[摘要]Ajax是web2.0的核心之一，采用异步模式，可以开发基于浏览器的用户交互度高的Web应用，改变传统Web应用的交互模式，从而构建更具动态性、响应更快、用户体验更好的Web应用。

Ajax技术简介

AJAX被称为“异步JavaScript和XML”

和XML)指的是用于创建交互式web应用的web开发技术。Ajax使用以下基本技术:

HTML:用于构建Web表单，构建Web应用界面；JavaScript:Ajax技术的核心，有助于改善与服务器应用的通信；DHTML(动态HTML):用于动态更新表单。Div、span等动态HTML元素通常用来标记HTML；文档对象模型DOM:用于处理HTML结构(通过JavaScript代码)。

第二，Ajax原理

在传统的Web应用中，交互的一般流程是:用户填写表单字段并点击提交按钮，整个表单被发送到服务器，由不同的技术(如PHP、JSP等)进行处理。)放在服务器端，然后用一个全新的页面把处理结果发回给客户端。当用户提交并等待处理时，屏幕变成空白，用户无法获得即时反馈。

Ajax的核心是JavaScript对象XmlHttpRequest。该对象最初是在Internet Explorer 5中引入的。这是一种支持异步请求的技术。简而言之，XmlHttpRequest使您能够使用JavaScript向服务器发出请求并处理响应，而不会阻塞用户。也就是说，当用户提交表单时，数据被发送到某个JavaScript。

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

第三，Ajax应用程序

以修改用户登录名为例描述了AJAX在实践中的应用，并可扩展到动态修改网页中的任何文本内容。

(1)创建一个XMLHttpRequest对象。为了使代码同时支持Internet Explorer和非Microsoft浏览器，请使用以下代码。

var xmlHttp = false

尝试{

xmlHttp = new ActiveX object(" MSXML 2。XMLHTTP”)；

} catch (e) {

尝试{

xmlHttp = new ActiveX object(" Microsoft。XMLHTTP”)；

}catch (e2) {

xmlHttp = false

}

如果(！xmlHttp & amp& ampXMLHttpRequest的类型！= '未定义'){

xmlHttp = new XMLHttpRequest()；

}

创建XMLHttpRequest对象后，可以结合JavaScript代码完成以下任务:从Web表单获取数据->打开与服务器的连接->设置服务器处理后的响应函数，这也是Ajax工作的一般流程。

(2)定义获取表单数据和改变表单的JavaScript代码。

函数更改为输入(id) {

var oNP = document . getelementbyid(id)；//从表单中获取数据

var value = oNP.value

ONP . outer html = " < input type = ' text ' id = ' "+id+" ' value = ' "+value+" ' size = ' 5 ' onblur = ' change(this . id)' > "

后续行动