AJAX - X

转载 2006年05月30日 09:00:00

众所周知,异步交互、JavaScript脚本和XML封装数据是AJAX的三大特征。其实,在实际应用中,不需要牢牢套死这三条大律,在我看来,AJAX - X,即去掉用XML封装数据,也不失为一种好的设计思路,如果应用恰当,更显轻盈步伐和巧妙思路。

一般读取AJAX返回的XML结构的数据时使用XMLHttp的responseXML对象属性,同时,XMLHttp也提供了另外一个属性,即ResponseText,通过这个属性,XMLHttp可以接受来自服务器的文本结构的字符串信息。去掉XML的AJAX可以使用ResponseText这个对象属性,很灵活的操控返回数据的格式,可以自定义格式,比如我通常喜欢用c语言的那种文件流方式定义返回的字符串结构,有文件头和具体的文件信息实体,文件头分为状态信息以及文件字符长度,我摒弃了文件字符长度的定义,规定死接受的ResponseTex字符串中的第一位为状态码,比如设定常量值0表示一起正常,非0的数字表示不正常,甚至有错误等。如果有非0值,程序自动取第二位起到257位(长度为256)的字符串组成为状态信息,从258位开始到末尾的字符串就是服务器返回的正常结果信息。
substring(0,1)取状态码
substring(1,256)取服务器错误信息(错误信息不够256位用空格补齐,取到数据后进行Trim处理)
substring(256,末尾)取服务器返回的数据信息
三次substring即完成了一个简单但完整的交互工作。比起XML解析组件来说要快的多。

用ResponseText比封装为XML处理数据快和简单是一个原因,另一个原因是可操控性更大更灵活,打开Google Suggest,在搜索框输入字符可以给你给出拼写提示,Suggest就是应用了AJAX技术,不过它在从服务器返回数据时并没有使用XML封装,也没有自定义ResponseText格式,而是直接将返回代码组织成js脚本,通过浏览器返回后直接执行,如eval(XMLHttp.ResponseText)这样的方式进行执行,http://www.google.com/complete/search?hl=en&js=true&qu=ajax 通过这个链接你可以看到Suggest利用AJAX得到的返回数据,此页面是在Google Suggest的搜索框中输入"AJAX"后得系统动态返回的数据。

 

sendRPCDone(frameElement, "ajax", new Array("ajax", "ajax amsterdam", "ajax fc", "ajax ontario", "ajax grips", "ajax football club", "ajax public library", "ajax football", "ajax soccer", "ajax pickering transit"), new Array("3,840,000 results", "502,000 results", "710,000 results", "275,000 results", "8,860 results", "573,000 results", "40,500 results", "454,000 results", "437,000 results", "10,700 results"), new Array(""));
浏览器段拿到这段代码后直接eval就可以了,至于sendRPCDone这个函数,那当然得实现定义后并装载到页面中啦。XMLHttp这个名字以XML开头,让很多人禁锢了思想和创意,完全抛弃X,你也可以做出纯AJAX的实例来。

 

当然,对于大型系统来讲,为了保持数据接口的一致和整齐,还是用XML来传递更严谨更统一点,听说微软已经发起了重写XML Parse组件的号召,估计下一个版本的XMLHttp还是DOMParser还是MSXML2.DOMDocument都会大大提高效率,减少资源占用的。

jQuery Ajax 全解析(传递数组问题)

jQuery Ajax 全解析 本文地址: jQuery Ajax 全解析 本文作者:QLeelulu 转载请标明出处! jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发...
  • tree3170
  • tree3170
  • 2012年08月16日 15:43
  • 833

AJAX中POST请求和服务器完整代码

前端代码: html>   head>   meta charset="utf-8">   title>登录title>   script src="http://cdn.sta...
  • Hello_CuiXiaoniu
  • Hello_CuiXiaoniu
  • 2017年07月30日 11:46
  • 195

Ajax之X-Requested-With请求头

X-Requested-With请求头用于在服务器端判断request来自Ajax请求还是传统请求。   两种请求在请求的Header不同,Ajax 异步请求比传统的同步请求多了一个头参数    ...
  • zoumin123456
  • zoumin123456
  • 2015年08月30日 21:15
  • 486

AJAX之x-request-with请求头

Ajax之X-Requested-With请求头 转载▼        X-Requested-With请求头用于在服务器端判断request来自Ajax请求还是传统请求。      两种请求...
  • lixld
  • lixld
  • 2016年08月29日 15:10
  • 1441

Thinking in AJAX(一) —— AJAX - X

 众所周知,异步交互、JavaScript脚本和XML封装数据是AJAX的三大特征。其实,在实际应用中,不需要牢牢套死这三条大律,在我看来,AJAX - X,即去掉用XML封装数据,也不失为一种好的设...
  • comeon_data
  • comeon_data
  • 2008年09月08日 12:33
  • 330

Thinking in AJAX(一) —— AJAX - X

 众所周知,异步交互、JavaScript脚本和XML封装数据是AJAX的三大特征。其实,在实际应用中,不需要牢牢套死这三条大律,在我看来,AJAX - X,即去掉用XML封装数据,也不失为一种好的设...
  • zzh8845
  • zzh8845
  • 2008年08月08日 17:09
  • 3106

Morris.js(前端)

//前台方法 $(function() { index_cbb.initException(); }); var index_cbb = { initException:functi...
  • lg12lp12
  • lg12lp12
  • 2017年03月07日 10:24
  • 117

xajax中文手册

xajax中文手册* 什么是xajax?* xajax如何工作?* 为什么我要使用xajax代替其他PHP的Ajax库?* 如何在我的PHP脚本之中使用xajax?* 如何更新内容?* 如何处理表单数...
  • yueliangdao0608
  • yueliangdao0608
  • 2006年11月21日 11:11
  • 2117

Ajax自己的 属性提示错误 error:function(){} $.post().error() .ajaxError()

Title 用户名: 邮件: $(function(){ $('form i...
  • d295968572
  • d295968572
  • 2017年06月28日 18:15
  • 1804

ajax同时多次请求某一函数,造成先后顺序问题

ajax同时多次请求某一函数,造成返回的数据存在乱序 不一定是先请求的就先执行,要看后台什么时候返回执行结果。 后台先返回执行结果的才会先执行。 因此这时候需要使用同步请求。 ...
  • lixin2151408
  • lixin2151408
  • 2017年05月08日 14:24
  • 308
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AJAX - X
举报原因:
原因补充:

(最多只允许输入30个字)