论AJAX技术及应用
作者:佚名; 更新时间:2014-12-05
  [论文关键词]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;
  }
  if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
  }
  在创建XMLHttpRequest对象之后,就可以结合JavaScript代码完成以下工作:从 Web 表单中获取数据->打开到服务器的连接->设置服务器处理完成后的响应函数,这也是Ajax工作的一般流程。
核心期刊快速发表
Copyright@2000-2030 论文期刊网 Corporation All Rights Reserved.
《中华人民共和国信息产业部》备案号:ICP备07016076号;《公安部》备案号:33010402003207
本网站专业、正规提供职称论文发表和写作指导服务,并收录了海量免费论文和数百个经国家新闻出版总署审批过的具有国内统一CN刊号与国际标准ISSN刊号的合作期刊,供诸位正确选择和阅读参考,免费论文版权归原作者所有,谨防侵权。联系邮箱:256081@163.com