AJAX了解AJAX优点缺点和运用

2016-02-19 14:10 8 1 收藏

下面,图老师小编带您去了解一下AJAX了解AJAX优点缺点和运用,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

本文让你简单认识AJAX,了解AJAX优点、缺点以及如何运用.
  
  AJAX浅谈
  
  AJAX技术在1998年前后开始应用于Web,之后经由Google把它发扬光大,让更多人了解到JavaScript原来可以这样使用,而不再是过去广告字显示或画面渐层等刻版印象。如今AJAX已不再是新名词或新技术,而最经典、有名的代表作算是GoogleSuggest及GoogleMaps。
  
  AJAX的定义
  
  AJAX全称为“AsynchronousJavaScriptandXML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。
  
  AJAXvs.传统
  
  JavaScript在传统的作法是,你的档案或数据库来自server端或是要送到server,你可以用HTML窗体,并用GET或POST的方式透过submit按键将数据送到server端,然后等待响应讯息。但是使用AJAX,你可以使用JavaScript的XMLHttpRequest对象跟server做沟通,可以藉由从server响应的数据,直接更新全部或部份的页面。
  
  AJAX的优点
  
  a.不必更新全部网页,可更新部份页面。
  
  b.优化了browser和server之间的沟通,减少不必要的数据传输、时间及降低网络上数据流量。
  
  c.平衡了前、后端的负载,原本数据大多由后端负责处理,借由AJAX让客户端分担些工作,减低了后端的负载。
  
  AJAX的缺点
  
  a.browser的通用性,每个user端的浏览器不尽相同、版本也不一致,有可能会造成无法动作问题。
  
  b.客户端会过肥,太多程序代码在客户端也会造成开发上的成本。
  
  c.可能会暴露服务端,有可能被恶意攻击、窜改,而造成安全上的漏洞。
  
  AJAX的运用
  
  为什么AJAX适合用于装载作业呢?传统的网页数据更新,大多是在server端数据更新后便将数据送回client端的browser,当browser得到更新的请求时才会将网页内容更新。当user执行装载作业后,作业的状态讯息尚未回传,此时若再进行下个作业,往往会造成状态讯息遗失。也正因为装载系统还需要控制前端的水泥装载,设备间的状态一有变动,网页内容要能做到及时更新,使网页中的embeddedobject与多部硬设备间的沟通一直保持连结。在考虑多部硬件操作不会干扰彼此下,采用Ajax可以使整个作业流程更加顺畅、合理。
  
  例如:当user想要做水泥装载时,按下装载按键时,如果使用JavaScript去呼叫客户端的com组件,可能会因为装载需要等候一段时间,导致网页整个当掉,也影响到其它按钮的失效。这时若借用AJAX的技术作为辅助,AJAX的每次动作就会用XMLHttpRequest跟server做沟通,待server响应后,接收响应数据更新Model状态、数据库及网页页面,这样一来user不用一直等待实际装载的时间,也不会造成页面按钮失效。
  
  AJAX的应用并非只在水泥装载这一项,目前也运用在其它功能及系统上。考虑系统整体的实际使用面,AJAX解决了数据延迟的问题,也改善了数据传输的速度,使得各营运据点能提供更快速的服务。
  

来源:http://www.tulaoshi.com/n/20160219/1606326.html

延伸阅读
标签: Web开发
即使你现在还没有听说,AJAX已经成为web技术领域最热门的词(就象Adaptive Path上的一篇文章提到的一样)。AJAX框架的关键是名为XMLHttpRequest的JavaScript对象,通过它客户端开发人员可以在不打断用户操作或者在充分使用隐藏表单的情况下通过HTTP直接发送和接收XML文档。现在,有些人可能会有这种忧虑,让那些以前只做表单(form)校验和增...
标签: Web开发
您的第一个 AJAX 应用程序 为了让您理解 AJAX 的工作原理,我们将创建一个小型的 AJAX 应用程序。 首先,我们需要一个带有两个文本框的 HTML 表单:用户名和时间。用户名文本框由用户填写,而时间文本框使用 AJAX 进行填写。 此 HTML 文件名为 "testAjax.htm"(请注意这个 HTML 表单没有提交按钮!): htmlbodyform name="...
标签: Web开发
AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。 AJAX 是一种在 2005 年由 Google 推广开来的编程模式。 AJAX 不是一种新的编程语言,而是一种使用现有标准的新方法。 通过 AJAX,你可以创建更好、更快以及更友好的 WEB 应用程序。 AJAX 基于 JavaScript 和 HTTP 请求(HTTP requests)。 AJAX 指异步...
标签: Web开发
ajax.html [复制此代码]CODE: script function f(){ var req =new ActiveXObject("Microsoft.XMLHTTP");  req.open("GET","t.asp?t1="+t1.value, true);  req.onreadystatechange = function(){ if (req.readyState == 4) {  if (req.status == 200) {  msg.innerText = req.responseXML.documentEleme...
标签: Web开发
ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且...

经验教程

250

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部