文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

整站搜索:
最新更新资源:
海量设计素材
韩国网页设计模板
高清PSD素材库
Flash网站模板
设计素材图库:
婚纱影楼模板
韩国卡通图库
VIS模板
版式画册模板

最新素材图库



当前位置:首页 >> 网页教程>> JavaScript >> 异步的javascript和XML数据格式:XML SOAP HTML

异步的javascript和XML数据格式:XML SOAP HTML


作者: 佚名 来源:网络 浏览:7 日期:2011-6-23 19:31:50

网页制作Webjx文章简介:Ajax和WEB服务数据格式:XML SOAP HTML.

当AJAX被创建的时候,他的原意是:Asynchronous javascript and XML,异步的javascript和XML,总的说来就是这样的:

  • 首先创建一个网络服务,比如可以传递HTTP GET/POST参数的PHP页面,然后返回一个XML格式的响应
  • 写一些客户端的js代码。比如传递参数和解析XML。这些调用是异步的,所以在等待数据的过程中浏览器不会被卡死。
  • 处理XML中的数据,然后更新DOM节点

AJAX这个名词被开发者和销售人员滥用了。今天这个本应该全大写缩写的词已经成为了一个新词,表示在不刷新页面的情况下的数据的传输。原因有:

  • 没有必要一定使用异步方法
  • 不一定使用javascript
  • 也不需要XML

最终,不论使用什么技术,你都要在两个设备之间传输数据。这是RockUX连载数据格式的第一部分,我们后面还会讲到更多的数据和特性。

XML

在一开始,XML是最佳选择。很多语言都有支持XML格式解析和序列化的函数。就算你使用的语言不支持XML,他其实也就是一段文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0"?>
<products>
<book>
<title>The Principles of Beautiful Web Design, 2nd Edition</title>
<url>http://www.sitepoint.com/books/design2/</url>
<author>Jason Beaird</author>
<publisher>SitePoint</publisher>
<price currency="USD">39.95</price>
</book>
<book>
<title>jQuery: Novice to Ninja</title>
<url>http://www.sitepoint.com/books/jquery1/</url>
<author>Earle Castledine &amp; Craig Sharkie</author>
<publisher>SitePoint</publisher>
<price currency="USD">29.95</price>
</book>
<book>
<title>Build Your Own Database Driven Website</title>
<url>http://www.sitepoint.com/books/phpmysql4/</url>
<author>Kevin Yank</author>
<publisher>SitePoint</publisher>
<price currency="USD">39.95</price>
</book>
</products>

XML的好处有:

  • XML是可读的而且容易理解。
  • 很多语言都对XML有很好的支持,关键是javascript。
  • XML比较安全。数据必须被提取和解析,所以恶意数据得到有效的遏制

但是,XML也有他的缺点:

  • 永远不会有行业统一认可的XML的格式。你需要适配RSS等等,客户端的javascript必须理解才行
  • XML格式的数据可能标签比数据的量还大,异步交互情况下,数据越小越好。
  • XML有一些模棱两可的地方,一个数据应该是一个新元素呢还是元数据的属性呢?作为属性可能文件小一点,但是适配这个却不方便。
  • JavaScritp中解析XML很费劲,XPath的支持比较好,所以需要先转换
1
2
3
4
// grab value in first <data> element
var xml = xhr.responseXML;
var nodes = xml.getElementsByTagName("data");
var data = (nodes.length > 0 ? nodes[0].firstChild.nodeValue : null);

很多开发人员认为XML已经死了,但是我不太同意,可能现在XML不是Ajax的最佳选择,但是你也不能知道所有的web服务怎么部署的。而且XML的普及是一个伟大的事情,不要忽略它。

SOAP

SOAP是数据交换的一个标准格式。详细的技术细节文档有好几百页,总的来说,SOAP依赖于定义好的XML schemas。
很少有开发者世界使用SOAP(看见就够了)。SOAP的魅力在于客户端的库可以自动将XML转换成原生的对象。比如.NET的开发人员可以创建一个基于SOAP的网络服务,客户端不需要做太多的事情。作为开发人员,大多使用C#,他们不用在乎远程的机器使用什么东西。
但是SOAP的缺点:

  • SOAP甚至超越了XML的冗长
  • 在javascript中处理SOAP依然很困难。虽然SOAP的库可以协助处理,但是对于开发人员和浏览器来说还是有很大压力的

SOAP仍然是服务端之间通信的选择,尤其是在同一个局域网的情况下。但是在Ajax中用的不多。

HTML

如果你想通过Ajax请求在页面中插入代码,HTML是一个简单的格式,不用做太多的处理。例如,假设你在每一个页面都需要显示一个购物车。你在服务器端已经有了这样的HTML代码,那么在选购了意见商品之后就可以返回同样的HTML代码。
它的好处包括:

  • 很方便使用现有代码,创建网络服务
  • 不需要在客户端进行复杂的数据处理
  • HTML代码可以通过innerHTML快速插入到页面中

但是也有缺点:

  • 很难分离出来真正有价值的数据。比如你想在其他地方以不同的方式显示购物车,这时候就不能用了
  • 传输的数据量也比较大,比XML还大
  • 插入HTML会有破坏现有页面的风险
  • 安全可能成问题,相应的数据可能会有恶意代码

在RockUX后面的文章中我们会讲到:

  • Ajax和WEB服务的数据格式:JSON和JSONP
  • Ajax和WEB服务的数据格式:自定义返回格式

转载请注明:
作者:RockUX–WEB前端
出自:Ajax和WEB服务数据格式:XML SOAP HTML


上一篇:Web设计师的路:自学网页设计的有用资源 下一篇:集中数据格式:JSON和JSONP
【关闭窗口】 【返回顶部】返回网页教程】 【返回JavaScript

相关推荐文章

WEBJX资源分享:2..

收集国外的14个图片放..

使用jQuery选择复..

javascr..

动态网站导航菜单:&#..

mvc模式分离 ..

HTTP消息头字段深入..


关于本站 | 广告服务 | 联系我们 | 站长微博 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号