Linux|系统管理|WEB开发 » ajax http://blog.wgzhao.com 关注Linux，系统管理，WEB开发以及开源世界 Wed, 14 Jul 2010 08:00:19 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 获得表单所有数据的简单javascript脚本 http://blog.wgzhao.com/2007/03/02/javascript-get-all-data-from-form.html http://blog.wgzhao.com/2007/03/02/javascript-get-all-data-from-form.html#comments Fri, 02 Mar 2007 14:34:41 +0000 wgzhao http://localhost/wordpress/?p=643 写这个脚本是为Ajax服务的，我们知道Ajax发起http请求后，查询字符串是需要自己送出去，而不是依赖表单的提交方式(submit)。这样一来这个脚本就能派上用场了，只是这里没有做表单的校验。下次可以考虑写一个表单校验的js脚本。

不废话了，看代码
[codes=javascript]
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=GB2312">
<meta http-equiv="Pragma" content="no-cache" />
<title>get form data test V0.1</title>
<script type="text/javascript">
 var dtype=Array("input","select","textarea"); /*要获取哪些元素的数据*/
 var dtypeNum = 3;
 /*
 *  获取指定的表单的所有元素应该传递的值，并形成查询字符串。
 *  主要用在Ajax环境下，传递查询参数。
 *  author: mlsx
 *  blog: http://mlsx.xplore.cn
 *  date: 2007-03-02
 */
function getformdata(formobj)
{
 try{
 var d = document.getElementById(formobj);
 var i = 0;
 var j = 0;
 var qstring = "";
 var nodeArray = new Array();
 for(;i<dtypeNum;i++)
 {
     nodeArray.push(d.getElementsByTagName(dtype));
 }
 var nodenum = 0;
 for(i=0;i<dtypeNum;i++)
 {
    nodenum = nodeArray.length;
    var tmpobj = nodeArray;
    for(j=0;j<nodenum;j++)
    {
       var stype = tmpobj[j].type;
       //alert(stype);
       
       if (stype == "text"  || stype == "password" || stype == "hidden" || stype == "textarea") /*一般文本输入框*/
         qstring+="&" + tmpobj[j].name + "=" + tmpobj[j].value;  
       else if (stype == "checkbox" || stype == "radio") //选择框
         {
            if (tmpobj[j].checked) qstring+="&" + tmpobj[j].name + "=" + tmpobj[j].value;  
         }
       else if (stype == "select-one" || stype == "select-multiple") /*下来框，包括单选和多选*/
         {
           var selectNum = tmpobj[j].length;
           for(var k =0;k<selectNum;k++)
             if (tmpobj[j][k].selected) qstring+="&" + tmpobj[j].name + "=" + tmpobj[j][k].value;  
         }
     }
 }
   return qstring.substring(1,qstring.length); /*去掉第一个多于的&符号*/
 
}
catch(e) {alert(e); return false;}
}
</script>
</head>
<body>
<form action="getdata.html" name="tform" id="tform" method="get" >
<input type="text" value="input value" name="tinput" />
<input type="password" value="password value" name="pinput" /><br/>
<textarea name="text" rows="3" cols="40">textarea value</textarea>
</body>
</html>
[/codes]

]]> http://blog.wgzhao.com/2007/03/02/javascript-get-all-data-from-form.html/feed 0 利用动态js解决跨域传值问题 http://blog.wgzhao.com/2007/03/01/Js-dynamic-cross-border-settlement-of-the-issue-by-value.html http://blog.wgzhao.com/2007/03/01/Js-dynamic-cross-border-settlement-of-the-issue-by-value.html#comments Thu, 01 Mar 2007 13:48:42 +0000 wgzhao http://localhost/wordpress/?p=639 由于JavaScript的“同源策略”以及浏览器基于安全的考虑，跨域访问成为Ajax应用的一个难题。
不仅仅是在不同域的网页之间传值存在问题，就是用iframe来框住一个页面，只要这个页面的域和父页面不同，访问iframe的内容也是不可能的。

今日因为工作的需要，要想办法能在再两个不同的域之间传递数据。Google了一下，找到了一个简单的办法，那就是采用调用js脚本的方式，因为访问不同域的js脚本是不存在跨域访问的问题的。说的再多，不如代码详细，下面贴出代码。
假定A域的网页a.html的内容如下：
[codes=html]
<html>
<head>
<title>vnet search simulation</title>
<script type="text/javascript">
var lastScript;
var h=document.getElementsByTagName("head")[0];

function loadScript(url){
var f=document.createElement("script");
f.type="text/javascript";
f.src= url;
h.appendChild(f);
if(lastScript&&g(lastScript))
g(lastScript).parentNode.removeChild(g(lastScript));

}

function g(x)
{return document.getElementById(x);};

</script>
</head>

<body>
<input name="url" id="url" type="text" value="" />
<script type="text/javascript">
loadScript('http://www.B.com/b.php');
</script>  
</body>
</html>
[/codes]
上面代码的核心思想是动态创建一个script元素，然后指定另外一个域的页面，这个页面可以是js文件，可以是html页面，也可以动态页面，比如php。只是该页面的输出的内容必须是js脚本。具体看b.php
[codes=php]
<?php
//随机抽取一个记录
include_once("db.inc.php");
$rndsql="select *
from links as r1 join
(select round(rand() *
(select max(id)
from links)) as id2)
as r2
where r1.id >= r2.id2
order by r1.id asc
limit 1;";
$rs=mysql_query($rndsql) or die(mysql_error());
$row=mysql_fetch_array($rs);
if ($row)
{
$url=urldecode($row['url']);
echo "g('url').value='$url';";
}

?>
[/codes]
上面的php代码是从数据表中随机抽取一条记录，得到字段url的值，并填充到A域的网页a.html的输入框元素url中。这样就完成了将B域的值传到了A域。

当然这个方法需要A，B两个域的配合。所以你没有办法用这个方法来获取google搜索结果的值。

]]> http://blog.wgzhao.com/2007/03/01/Js-dynamic-cross-border-settlement-of-the-issue-by-value.html/feed 1 JSON：ajax的得力助手 http://blog.wgzhao.com/2006/12/21/JSON-ajax-the-right-hand-man.html http://blog.wgzhao.com/2006/12/21/JSON-ajax-the-right-hand-man.html#comments Thu, 21 Dec 2006 22:10:01 +0000 wgzhao http://localhost/wordpress/?p=584 ajax技术中一个重要的规范是最后的x–XML。ajax中数据的传递采用xml格式，这样在javascript中，可以采用DOM技术来遍历传递的过来的数据，当然如果传递的仅仅是简单的无结构的字符串，那么采用responseText当作简单文本就好了。

XML无疑是负责的，如果采用XSLT翻译XML到html，还算比较容易，但是如果采用javascript的DOM翻译，那么很容易迷失在儿子孙子兄弟节点的海洋中。
另外，采用XML传递数据，对服务器段的脚本的编写就要严格的多。而且发出的头文件必须是text/xml的，这点在我的编程经验中，有时候比较比较麻烦，我有的时候页面渲染和ajax服务端脚本在一个文件中，这样原来，开始发出的内容编码格式是html的，而后又需要xml格式，于是会出现典型的”头文件已经发出……“的警告。
今天我就遇到了这个问题，没有办法传递XML数据过去，但是又必须是有结构的数据，当初单纯的字符串肯定不行。
此时我想到了很早以前看到的JSON了，以前看到过，但是因为还没有到必须使用的程序，因此我一直没有使用。
json其实是为数据传递定义的一种格式，他采取对象的模式，它主要利用了javascript中的这样一个特征：
脚本语言自身有动态执行的天赋。即我们可以把想要执行的语句放在字符串里，通过eval()这个动态执行函数来执行。

这里你可以看到一个简单的例子

他的目的是替换ajax的x，也就是采取JSON格式传递数据。
网络上有很多人谈到JSON时，都使用类似”JSON替代XML“的标题。对此，我并不这么认为，即便是在AJAX这方面。

首先XML已经获得了广泛的支持，是未来的数据传递标准，而且现在很多文档保存方式都采取了XML格式，如果XSL-FO获得广泛支持的话，XML无疑会获得更大的提升。

其次，在web开发中，数据库几乎是必须的，而当前绝大部分数据库支持数据到XML格式的直接输出，这无疑减少了开发语言中必要的转换。

另外，WEB开发语言中，大部分支持对xml文档的支持，而JSON目前还没有看到这个前景，虽然PHP在他的5.2.0版本中已经嵌入了对JSON的支持，但是目前部署PHP 5.2.0版本的服务器应该还是少数。

当然，其实就从数据传递而言，你完全可以采用自定义格式。实际上，我们应该选择哪个更符合自己的需求，而不应该一味的追求新概念或者新技术。

所以，我觉得JSON不太可能在AJAX中替代XML。顶多算是一个补充吧。

powered by performancing firefox

]]> http://blog.wgzhao.com/2006/12/21/JSON-ajax-the-right-hand-man.html/feed 1 估计要瞎忙一阵子了 http://blog.wgzhao.com/2006/07/13/To-estimate-the-fuss-for-a-while.html http://blog.wgzhao.com/2006/07/13/To-estimate-the-fuss-for-a-while.html#comments Thu, 13 Jul 2006 01:32:06 +0000 wgzhao http://localhost/wordpress/?p=397 晚上无意中浏览到了bindows,一个很炫的面向对象开发的AJAX应用程序的平台。不过从网上的评价来看，大家对他并不看好，不过，那些评价比较老了，评价的适合是1.3，现在是2.0.提到的一些缺点已经在新版本中有所改进。似乎看上去很完美，但是我急需要解决的是：如何连接我的数据。documents里没有给出答案,samples里也没有。我能知道的就是可以使用web services的方式来处理，但是这似乎不是我目前我需要的。至少我想应该还有比它更好的framework.
于是继续，搜索，good，找到一篇详细介绍现有的基于AJAX的应用程序框架，发表时间是2006年2月份，不算太久。上面提到了大量的开发框架。有些我听说过，也去访问过，有些没有听闻。

正好这两天在考虑如何改进5itag,使用开发框架应该是一个不错的选择。先了解这些基础组件，希望能找到最适合我的。
转出该文，以备查询。

基于Ajax的应用程序架构设计汇总
作者：ajaxfan 发文时间：2006.02.17 来源：赛迪网Java论坛
1 浏览器端框架被划分成两大类：
•应用程序框架：提供浏览器的功能，但是常以包括窗口小部件抽象和另外的部件而出名，其功能主要围绕桌面GUI框架。
•基本结构框架：提供基本的管道和可移植的浏览器抽象，让开发者去创建内容。典型的功能：
* 针对XMLHttpRequest的包装器以封装浏览器-服务器的交互。(所有的框架都提供这一功能)。
* XML操作和查询。
* 根据来自XMLHttpRequest的应答执行DOM操作。
* 在一些情况中，与另外的浏览器端技术如Flash(和潜在的Java applets)集成在一起。
而服务器端框架通常以下面两种方式工作(尽管它们在这里根据语言的不同进行了分类)：
•HTML/JS生成：服务器提供完整的HTML/Javascript代码生成和浏览器-服务器协调，结果是只有浏览器端编码可以被定制。
•远程调用：Javascript调用直接被路由到服务器端功能(例如Java方法)并返回到Javascript回叫处理器；或者Javascript调用服务器以提取信息，例如会话细节，数据库查询等。
•纯Javascript：应用程序框架
1.1 Bindows(自从2003年)
网址是：http://www.bindows.net Bindows是一个软件开发包(SDK)，它，通过强力联合DHTML，JavaScript， CSS和XML等技术，能生成高度交互的互联网应用程序-成为现代的桌面应用程序的强有力对手。Bindows应用程序不要求下载和也不需要在用户端安装 -仅要求有一个浏览器(也不需要Java，Flash或者ActiveX)。Bindows有可能领导面向对象开发的AJAX应用程序的平台。
•它是商业化的，使用来自于MB的技术(总部位于GA USA，主要开发中心在瑞典，成立于2002年)。
Bindows框架提供给你：
•基于类的面向对象的API
•一套完整的窗口系统，提供宽范围的窗口小部件支持，包括菜单、表单、格子、滑动条、量程，甚至更多
•用于开发zero-footprint SOA客户端应用程序的领先的工具箱
•本机的XML，SOAP和XML-RPC支持
•单用户到企业级的支持
•内建的对AJAX的支持
Bindows开发环境：
•支持企业级规模的工程开发
•跨浏览器，跨平台支持
•服务器独立结构
•与新的和现有资源的互操作性
•一致性开发方法学
1.2 BackBase(自从2003年)
网址是：http://www.backbase.com 是一个全面的浏览器端框架，支持丰富的浏览器功能以及与.NET和Java的集成。
•商业化，来自于Backbase B.V(总部在Amsterdam，成立于2003年)。
1.3 DOJO(开发中;自从2004年9月)
网址是：http://dojotoolkit.org/，提供全面窗口小组件和浏览器-服务器消息支持。
•为创建定制的Javascript窗口小组件提供框架支持。
•预置的窗口小组件库。
•浏览器-服务器消息支持-XMLHttpRequest和另外的机制。
•支持浏览器中的URL操纵功能。
• 开源许可(学术自由许可2.1( http://opensource.org/licenses/afl-2.1.php ))，由JotSpot (http://www.jot.com/ )的Alex Russell( http://alex.dojotoolkit.org/ )所领导。
1.4 Open Rico(开发中;自从2005年5月;基于早期的私有框架)
网址是： http://openrico.org/demos.page，是一多用途框架，支持Ajax基础结构和用户交互。
•一个XMLHttpRequest应答能被路由到一个或者更多回叫操作，DOM对象，或者Javascript对象。
•容易鼠标拖动支持。
•Ajax动画，例如缩放和变换。
•”行为”-实质上是窗口小组件库。
•使用指南(http://www.mirimar.net/mailbrowser/ )，由RussMirimar的Yonah所提供
•开源。源于Sabre航空公司解决方案，由Bill Scott(http://looksgoodworkswell.blogspot.com )，Darren James及另外一些人所支持。
1.5 qooxdoo(开发中;自从2005年5月)
网址是：http://qooxdoo.sourceforge.net/，是另一个雄心勃勃的框架，提供宽范围的UI支持和正在开发中的基础结构特性。
•基础结构：
* DOM和事件/焦点管理的可移植的抽象。
* 调试支持。
* 易于时间调度的Timer类。
* Getter/Setter支持。
•UI：
* 窗口小组件框架和预置的窗口小组件库。
* 布局管理器。
* 图像缓冲和可移植的PNG透明性。
•开源(LGPL)。来自多方面的贡献者。
1.6 Tibet(开发中;自从2005年6月)
网址是：http://www.technicalpursuit.com/，目的是提供高度可移植的和全面的Javascript API，结果是，可能自动生成大量的客户端代码。自称是”企业级Ajax”。
•远程脚本运行在XMLHttpRequest包装之上-通过协调调用结果支持工作流管理，例如应答可以发生在只有当两个分离的调用返回时。
•URI支持。
•所有的HTTP方法-不仅是”GET”和”POST”。
•低级的协议-File://和WebDav以及HTTP。
•Web服务调用-SOAP，XML-RPC，等等。
•预置的针对Google API，Amazon API等等服务的支持。
•由高级Javascript对象组成一个巨大的库。
•许多XML操作。
•IDE和开发工具。
•开源许可(显然经过OSI认证，但是细节不多)。
2 纯Javascript：基础结构框架
2.1 AjaxCaller(Alpha版本;自从5月2005年)
网址是：http://ajaxify.com/run/testAjaxCaller/，是一基本的线程安全的XMLHttpRequest包装器，主要针对Ajax新手，仍处于原始的alpha开发阶段，目前仅与AjaxPatterns的在线搜索范例一起打包。
•实现对服务器的调用(GET/POST/PUT/DELETE)，用路由到一个回叫操作的plain-text或者XML完成。
•使用过的XMLHttpRequest对象的析构。
•Response缓冲(计划的)。
•针对Ajax新手-并非强调性能优化，该库主要用于实现易读的基础代码并将提供调试支持。
•开源许可。由Michael Mahemoff(http://softwareas.com )(具有John Wehr和Richard Schwartz的一些思想)维护。
2.2 Flash JavaScript集成包
网址是：http://www.osflash.org/doku.php?id=flashjs，允许JavaScript和Flash内容的集成：
•使JavaScript能够调用ActionScript功能和反过来的实现。
•所有主要的数据类型能在这两种环境之间传递。
•开源许可。由多个开源Flash贡献者提供支持。
2.3 Google AJAXSLT(发行于2005年6月)
网址是：http://goog-ajaxslt.sourceforge.net/，是一个Javascript框架，用来执行XSLT转换以及XPath查询。
•建立在Google地图工作基础之上。
•开源许可(BSD)。由一家创新搜索方案公司支持，自称为”Google”。
2.4 HTMLHttpRequest(Beta版；始于2005年)
HtmlHttpRequest(http://www.twinhelix.com/javascript/htmlhttprequest/ )，它使用了XMLHttpRequest和Iframes以改进兼容性。
•测试过并能工作在:IE6/Win，IE5.5/Win，IE5/Win，IE4/Win，Mozilla/Win，Opera7/Win，Safari/Mac，IE5/Mac。
•未测试，可能能工作在：IE4/Mac，Mozilla/Mac，Opera/Other，Konqueror/Linux。你正在使用这些之一吗？作者正在请求兼容性信息。
•开源许可(LGPL)。由Twin Helix Designs(http://www.twinhelix.com/)的Angus Turnbull维护。
2.5 交互式网站框架(自从2005年5月)
交互式网站框架(http://sourceforge.net/projects/iwf/，是一个项目，目的是从浏览器端对Ajax基础结构的多方面予以支持。自描述为”使用javascript，css，xml，和html来创造高度交互网站的框架。包括一个定制的针对高度可读的javascript 的xml分析器。实质上，是建立基于AJAX的网站的基础，还有另外一些通用脚本”。
•线程安全的XMLHttpRequest实现。
•针对XML文档的包装器，以便你能够创建更具可读性的代码：
var node = doc.groceries.frozen[0].pizza[0].size;
代替手工的导航：
var node = doc.documentElement.firstChild.firstChild.getAttribute(“size”);
•开源许可。由Weaver(http://circaware.com )维护。
2.6 LibXMLHttpRequest(发行于2003年6月)
libXmlRequest(http://www.whitefrost.com/servlet/connector?file=reference/2003/06/17/libXmlRequest.html )，是XMLHttpRequest的一个瘦包装器。
•getXML()和postXML()方法。
•XMLHttpRequest对象池支持。
•Response缓冲。
•可用源码(明显)，但是受标准版权的保护，由Stephen W.Coate(http://www.whitefrost.com/index.jsp )所维护。
2.7 RSLite(x)
网站是： http://www.ashleyit.com/rs/main.htm，是一个针对XMLHttpRequest的瘦包装器。
•一个简单的组件，作为Brent Ashley的更全面的远程脚本工作(参见Javascript远程脚本-JSRS在多语言服务器端)的一部分发行。
2.8 Sack(在开发中，自从2005年5月)
网站是： http://twilightuniverse.com/2005/05/sack-of-ajax/，是一个针对XMLHttpRequest的瘦包装器。
•调用者能指定回叫函数或者回叫DOM对象。借助于回叫DOM，应答文本直接被推入到DOM中
2.9 Sarissa(发行于2月，2003年)
网站是：http://sarissa.sf.net，是一种Javascript API，它封装了在浏览器端可以独立调用XML的功能。
•可移植的XMLHttpRequest创建
•可移植的XPath查询
•可移植的DOM操作
•可移植的XSLT
•可移植的XML串行化
•开源(GPL2.0和LGPL2.1)。来自多方面贡献者。
2.10 XHConn(发行于自从4月，2005年)
网站是： http://xkr.us/code/javascript/XHConn/，是一个对XMLHttpRequest的瘦包装器。
•例如
new XHConn().connect(“mypage.php”，”POST”，”foo=bar&baz=qux”，fnWhenDone);
•开源许可。由Brad Fults所维护。

]]> http://blog.wgzhao.com/2006/07/13/To-estimate-the-fuss-for-a-while.html/feed 0 IBM开放了AJAX技术资源中心 http://blog.wgzhao.com/2006/06/04/IBM-opened-AJAX-Technology-Resource-Center.html http://blog.wgzhao.com/2006/06/04/IBM-opened-AJAX-Technology-Resource-Center.html#comments Sun, 04 Jun 2006 20:16:55 +0000 wgzhao http://localhost/wordpress/?p=352 IBM在他的开发网开放了AJAX技术讨论的版面，从连接来看，属于XML这个大板块。内容还算比较丰富，有面向JAVA开发人员的，有针对SOAP开发的，也有针对PHP开发人员的。大家可以去看看。

]]> http://blog.wgzhao.com/2006/06/04/IBM-opened-AJAX-Technology-Resource-Center.html/feed 0 Edit in Place http://blog.wgzhao.com/2006/01/03/Edit-in-Place.html http://blog.wgzhao.com/2006/01/03/Edit-in-Place.html#comments Tue, 03 Jan 2006 01:19:36 +0000 wgzhao http://localhost/wordpress/?p=231 AJAX的一个最大特点是可以尽量的减少页面跳转，比如我们可以把浏览和编辑文字内容放到一个页面，先看看下面的这个例子
edit in place

这个例子使用了XAJAX工具，php的Smarty工具。
当然如果仅仅只是为了演示这样的一个功能，你完全可以使用自己简单的使用xmlhttprequest这个类，我这里这样写只是想展示如何利用这些工具来构建这样的页面。

上面的这个例子报行了四个文件:edit.css,edit.tpl,edit.php,edit.js，edit.css是一个简单的改变元素表示行为的css标签；
edit.tpl是简单的一个模板；edit.php简单实现如果保存用户修改的数据，演示代码中没有采用把用户修改的数据保存到数据的做法，只是简单的回应而已；edit.js是实现元素的显示和隐藏，并使用AJAX调用php函数。
下面是这些文件的内容
$cat edit.css
body{
[color=blue]font-family:[color=orange] arial, helvetica, sans-serif
[color=blue]font-size:[color=orange] small
}

[color=green].editable, textarea{
[color=blue]background-color:[color=orange] #ffffd3
}

textarea{
[color=blue]width:[color=orange] 95%
[color=blue]font-size:[color=orange] 100%
}

img[color=green].progress{
[color=blue]vertical-align:[color=orange] middle
[color=blue]padding:[color=orange] 0 10px
}

$cat edit.tpl



{$xajax_javascript}

onmouseout="change_color('remove',this)">{$orig}



]]> http://blog.wgzhao.com/2006/01/03/Edit-in-Place.html/feed 3 尝试了一下netvibes http://blog.wgzhao.com/2005/12/26/Then-try-to-netvibes.html http://blog.wgzhao.com/2005/12/26/Then-try-to-netvibes.html#comments Mon, 26 Dec 2005 16:43:24 +0000 wgzhao http://localhost/wordpress/?p=226 netvibes应该是目前我见到的把AJAX应用到神出鬼没的境地的一个网站，这个想象真的很出人意料，反而觉得我不太习惯使用这个网站。
然后豆瓣确实我见到的比较喜欢的web2.0网站，我很喜欢这种清新淡雅的感觉，看上去内容不多，但是很却很容易找到你需要找到的东西，人机界面也做得不错。看来我现在要做的这个网站很是要学习一把了。

]]> http://blog.wgzhao.com/2005/12/26/Then-try-to-netvibes.html/feed 0 AJAX框架汇总 http://blog.wgzhao.com/2005/11/27/AJAX-framework-summary.html http://blog.wgzhao.com/2005/11/27/AJAX-framework-summary.html#comments Sun, 27 Nov 2005 21:44:50 +0000 wgzhao http://localhost/wordpress/?p=8 1. Pure Javascript: Application Frameworks



1.1 Bindows (成立于2003年)


Backbase是一个通过DHTML、JavaScript、 CSS和HTML等技术强劲联合起来的一套完整的Windows桌面式的WEB应用程序解决方案。Bindows无需下载安装客户端支撑组件（如 Java、ActiveX或Flash），仅需一个浏览器。纯OO的理念体现在Bindows任何地方，Bindows或许是笔者见过的最完整最强大的 AJAX应用程序平台。
Bindows是商业程序的，使用了来自于MB的技术(总部位于GA USA，主要开发中心在瑞典，成立于2002年)。



Bindows框架提供的功能和特性有：


       
  • 基于面相对象技术的类和API


    •    

  • 一套完整的Windows桌面系统，支持各种特性窗口模式，包括菜单、表单、表格、滑动条、测量仪器窗口和其他一些Windows窗口特性支持。


    •    

  • 是开发zero-footprint(零空间占用)SOA客户端应用程序首选工具包


    •    

  • 本机的XML，SOAP和XML-RPC支持


    •    

  • 单用户到企业级开发的支持


    •    

  • 内建的完美的AJAX支持



Bindows开发环境：


       
  • 支持企业级规模的项目开发


    •    

  • 跨浏览器、跨OS平台的支持


    •    

  • 不受服务器结构限制


    •    

  • 良好的与新的、现有的资源互操作性


    •    

  • 统一的开发接口




1.2 BackBase (成立于2003年)


BackBase是一个完整的浏览器端框架，提供了丰富的浏览器操作功能，以及对.NET和JAVA平台的集成。
商业化产品，来自于Backbase B.V(总部在Amsterdam，成立于2003年)。

1.3 DOJO (开发中,成立于2004年9月)


DOJO提供完整的轻量级窗口组件和浏览器-服务器消息映射支持



       
  • 提供创建自定义Javascript窗口组件的框架支持


    •    

  • 预制的丰富的窗口类型库


    •    

  • B/S消息映射支持——XMLHttpRequest和其他机制


    •    

  • 支持浏览器中的URL操纵功能


    •    

  • 开源许可(Academic Free License 2.1)，由JotSpot的Alex Russell所领导。




1.4 Open Rico (开发中;成立于2005年5月;基于早期的一个proprietary 框架)


Open Rico是一个支持Ajax架构和用户交互的多用途框架。



       
  • 一个XMLHttpRequest response能被一个或多个的DOM对象，或者Javascript对象调用。


    •    

  • 支持拖拽操作


    •    

  • 支持基于AJAX的动画模式，如缩放和变换等


    •    

  • 基于Behaviors的操作库


    •    

  • 使用指南，由RussMirimar的Yonah提供


    •    

  • 开源。源于Sabre航空公司解决方案，由Bill Scott，Darren James及另外一些人维护。




1.5 qooxdoo (开发中; 成立于2005年5月)


qooxdoo，是另一个发展迅猛的应用框架，提供广泛的UI支持，正在开发基础架构等特性。


       
  • 基础结构特性：


    •    


             
    • 能轻易的捕获和操纵DOM事件


      •        

    • 支持调试


      •        

    • 支持一个时间操作的Timer类


      •        

    • Getter/Setter支持


      •    


       

  • UI:


    •    


             
    • 窗口组件库和框架


      •        

    • 界面布局管理


      •        

    • 图像缓存和透明PNG图片处理


      •    


       

  • 开源(LGPL).




1.6 Tibet (开发中; 创建于2005年6月)


Tibet提供了大量的易移植和完整的JavaScript API，通过这些可以快速生成大量的客户端代码，Tibet自称是企业级AJAX。



       
  • 远程脚本调用封装在XMLHttpRequest中


    •    

  • URI支持


    •    

  • 支持所有的HTTP事件，不再仅仅是GET和POST


    •    

  • 低级的协议-File://和WebDav也可以当作HTTP正常使用


    •    

  • Web Services调用支持，包括SOAP、XML-RPC等等


    •    

  • 大型的Javascript对象库


    •    

  • 多种多样的XML操作支持


    •    

  • IDE和开发工具


    •    

  • 开源协议(OSI)




1.7 AJFORM (创建于2005年6月)


AJFORM是一个极易上手的AJAX框架，被用来编写入门级的AJAX代码，提供有以下功能：



       
  • 三步安装


    •    

  • 自动支持任意HTML表单元素


    •    

  • 几乎无需编码即可实现AJAX




2 Pure Javascript: Infrastructural Frameworks



2.1 AjaxCaller(创建于2005年5月，目前是Alpha版)


AjaxCaller是一个具有多线程安全访问的XMLHttpRequest组件，主要针对Ajax开发新手，目前仍处于alpha开发阶段，仅在AjaxPatterns的在线搜索范例中使用了这个程序。


       
  • 用明文或者XML结构的数据实现和服务器的交互(GET/POST/PUT/DELETE)


    •    

  • 支持XMLHttRequest对象的构析(销毁对象，C++支持内存对象的构析操作)


    •    

  • 支持Response的高速缓存(尚在计划中)


    •    

  • 简单的库文件代码易于新手学习使用，并且支持脚本调试


    •    

  • 开源协议




2.2 Flash JavaScript Integration Kit


The Flash JavaScript Integration Kit可以使Flash和Javascript脚本实现相互集成。



       
  • 可以实现在JavaScript中调用Flash ActionScript脚本，反之亦然。


    •    

  • 几乎支持双方主要数据类型的在不同环境中的传递调用。


    •    

  • 开源协议，有几个Flash开源爱好者维护。




2.3 Google AJAXSLT (2005年6月发行)


Google AJAXSLT，是一个Javascript框架，用来执行XSLT转换以及XPath查询。



       
  • 目前在Google Map上就使用了这个。


    •    

  • 开源协议(BSD)




2.4 HTMLHttpRequest(Beta版；创建于2005年)


HtmlHttpRequest最大的特点就是运用XMLHttpRequest对象和标准HTML标签IFrame来实现最大限度的跨浏览跨平台的AJAX支持，其原理是在支持XMLHttpRequest的浏览器上调用XMLHttp，如果不支持，就用IFrame来模拟实现异步交互。



       
  • 目前支持的浏览器：IE6/Win, IE5.5/Win, IE5/Win, IE4/Win, Mozilla/Win, Opera7/Win, Safari/Mac, IE5/Mac


    •    

  • 尚未测试的浏览器：IE4/Mac, Mozilla/Mac, Opera/Other, Konqueror/Linux。


    •    

  • 开源协议(LGPL)




2.5 Interactive Website Framework (创建于2005年)


Interactive Website Framework定位在浏览器中支持各种各样的AJAX基础应用的开源项目。自称是通过JavaScript、CSS、XML和HTML实现高性能的交互式WEB框架，包括一个可定制易读的XML解析器。实际上，IWF是一个AJAX的基础框架，并且还包括一些通用脚本代码。



       
  • 实现了线程安全的XMLHttpRequest


    •    

  • 对XML Document进行封装，以便创建更具有可读性的代码：
     
    var node = doc.groceries.frozen[0].pizza[0].size;

      封装后的数据读取  

    var node = doc.documentElement.firstChild.firstChild.getAttribute(“size”);

      原始的DOM操作读取


    •    

  • 开源协议




2.6 LibXMLHttpRequest (2003年6月发布)


libXmlRequest是一个小型XMLHttpRequest封装包



       
  • 用getXML()和postXML()两个事件简化XMLHttpReuqest调用


    •    

  • 支持XMLHttpRequest对象池


    •    

  • Response缓存处理


    •    

  • 源码可以使用，但是有版权保护。




2.7 MAJAX


MAJAX是另一个非常小巧的HttpRequest封装包，为收发字符型信息提供简单接口，并为每步动作设置回调界面。



2.8 RSLite (x)


RSLite是一个XMLHttpRequest封装组件，作为Brent Ashley的JSRS(JavaScript Remote Scripting)其中的一部分功能单独发布。详情可以看JSRS的介绍



2.9 Sack(开发中，成立于2005年5月)


Sack也是一个很有名字的微型XMLHttpRequest封装包。调用者可以自定义回调函数或者是DOM对象。借助于回调DOM对象，可以把Response回来的数据直接以文本的方式嵌入DOM中。



2.10 Sarissa (发布于2003年2月)


Sarissa是一个JavaScript API，封装了在浏览器端独立调用XML的功能。



       
  • 可移植的XMLHttpRequest对象创造


    •    

  • 可移植的XPath查询


    •    

  • 可移植的DOM操控


    •    

  • 可移植的XSLT


    •    

  • 可移植的XML序列化


    •    

  • 开源协议(GPL2.0和LGPL2.1)




2.11 XHConn (2005年4月发布)


XHConn也是一个小型的XMLHttpRequest封装库。笔者也使用改良过的XHConn，其特点就是调用简单，代码也清晰易读。



       
  • 例子：
    new XHConn().connect(“mypage.php”，”POST”，”foo=bar&baz=qux”，fnWhenDone);


    •    

  • 开源协议许可




3 Server-Side: Multi-Language



3.1 Cross-Platform Asynchronous INterface Toolkit (2005年5月)


CPAINT是一个真正的同时支持PHP和ASP/VBScript脚本的AJAX和JSRS工具包。CPAINT在后台提供你需求的AJAX和JSRS代码，并自动返回到浏览器端相应的Javascript脚本代码，这种方式易于实时反馈需求的WEB应用程序。



       
  • 支持PHP和ASP


    •    

  • 所有功能函数都在统一的JavaScript文件中


    •    

  • 支持远程脚本和XML


    •    

  • 支持本地和远程函数调用


    •    

  • 可以创建单个或多个XMLHttp对象


    •    

  • 返回给后台的数据即可以是文本也可以是XML/DOM文档对象


    •    

  • 支持POST和GET


    •    

  • 用服务端代理的方式实现远程函数和数据的访问操作


    •    

  • 大部分浏览器中测试正常使用


    •    

  • 在GNU、GPL、LGPL开源协议保护下发行




3.2 SAJAX (2005年3月)


SAJAX的实现方式很独特，例如：调用一 个javascript方法x_calculateBudget()，将先把响应传到服务器并调用一个Java calculateBudget()方法，然后以javascript方式把值返回到x_calculateBudget_cb()中。SAJAX的名气 不错，估计很多人都听过甚至用过，不过缺点就是它的这套映射理论感觉较繁锁，远不如一些轻量级的封装库好用，不过SAJAX最大的特点就是支持的平台丰 富，几乎囊括了WEB下常用的编程语言和平台



       
  • 很方便从JavaScript函数映射到服务端代理操作


    •    

  • 支持多种平台(ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby)


    •    

  • 开源协议




3.3 Javascipt Object Notation (JSON) and JSON-RPC


JSON是一个”face-free” XML，而JSON-RPC是一种远程交互协议，类似于XML-RPC，对JavaScript支持较强




3.4 JavaScript Remote Scripting(JSRS)(2000年)


JSRS，较经典的远程脚本访问组件，支持将客户端数据通过服务器做代理进行远程的数据/操作交互。



       
  • 支持的浏览器：IE4+，NS4.x，NS6.x，Mozilla，Opera7和Galeon。


    •    

  • 服务器端脚本语言支持：ASP，ColdFusion，PerlCGI，PHP,Python和JSP(servlet)。


    •    

  • 开源协议。由Brent Ashley提供支持。




3.5 Bitkraft for ASP.NET


Bitkraft是个基于(.NET)Web框架的CLR(公共 语言运行库)，允许用独特的方式创建和操作分布式Web内容。用C#编写，运行在微软的.NET 1.1和Mono框架下，无缝式的客户端-服务器响应方式是它的最大特点。Bitkraft没有使用XML组织数据，而是用JSON代替。



       
  • 支持的浏览器： IE5+, Firefox1+, NS6


    •    

  • 服务器端要求：ASP.NET, Mono XSP, Cassini, Apache (modMono) .NET Framework 1.1+


    •    

  • 事件驱动


    •    

  • 支持同步和异步的远程代理


    •    

  • 客户端支持所有的.NET类型或自定义类对象映射到JSON中


    •    

  • 用JSON取代XML


    •    

  • 免费，开源许可协议




4 Server-Side: Java



4.1 WebORB for Java (2005年8月)  


WebORB for Java是一个开发AJAX和基于Flash的富客户端应用程序的开发平台。在线例子



       
  • WebORB包括一个富客户端开发类库。提供简单的在线式API用来绑定或者调用任何Java对象、XML Web Services和EJB


    •    

  • 支持异步或同步的事件驱动


    •    

  • 不需要在服务端修改任何代码，不需要自定义方法或属性、变量等。不要求设计时指定代理等。


    •    

  • 同步调用不需要回调，异步调用需要一个回调方法。


    •    

  • 客户端可以向服务端请求指定的活动方式，不需要任何编程就可以把处理结果轻易的转变为状态。


    •    

  • 提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个类似于RecordSet的JavaScript对象来显示这个结果。该对象提供检索列名和行数据的方法。


    •    

  • 支持数据分页技术。客户应用程序能检索页面中的数据。


    •    

  • 支持以参数的方式返回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references


    •    

  • 目前有两个版本：标准版(免费)，专业版(商业许可)




4.2 Echo 2 (2005年3月)  


Echo 2允许你用纯Java语言编写AJAX程序。 Demo.



       
  • 自动生成HTML和Javascript代码


    •    

  • 用XML在客户端-服务端传递消息


    •    

  • 如果愿意支持自定义Javascript组件


    •    

  • 开源协议(Mozilla Public License or GNU LGPL)




4.3 Direct Web Remoting (DWR) (2005)  


Direct Web Remoting可以在Javascript代码中直接调用Java方法的应用框架



       
  • 类似于SAJAX，可以把Javascript中的请求调用转递到Java方法中并将执行结果返回给Javascript


    •    

  • 可以和任何Web框架一起使用，如Struts、Tapestry等等


    •    

  • 开源(Apache)，目前该产品被加入到WebWork中




4.4 SWATO (2005)


SWATO是一套可重用的和良好集成的Java/JavaScript库，它实现了一种更容易的方式来改变你的web应用程序的交互，通过AJAX方式实现。



       
  • 服务端Java库可以非常容易的部署到所有Servlet2.3+兼容的容器中


    •    

  • 客户端Javascript库可以在所有支持XMLHttpRequest的浏览器中使用


    •    

  • 使用JSON技术在服务端组织POJO数据，这样你可以在任何Javascript环境中(HTML、XUL、SVG)访问这些远程数据，这种方式很容易通过硬编码或者某种成熟的Javascript库集成到当前应用中


    •    

  • 提供一个简单接口使你能在Javascript中调用远程的POJO数据


    •    

  • 使用和灵活的在web.xml中进行配置，并且可以集成(不是必须)到你的Spring框架中


    •    

  • 提供了几个可帮助你快速开发web应用程序的组件(如自动完成的文本框，在线表单，在线列表等等)




4.5 AJAX JSP Tag Library


The AJAX JSP Tag Library是一组JSP标签库，用来AJAX程序开发。可以在J2EE下无需Javascript就能轻松开发AJAX模式的Web Form。标签库为比较通用的AJAX功能提供了5个标签：



       
  • autocomplete: 用户在文本框中输入字符，自动从指定的数据中匹配用户输入的字符，类似于Google Suggest


    •    

  • callout:可以为A标签加入气泡式的消息提示框，不过是实时的服务端取出数据


    •    

  • Select/dropdown:类似于联动菜单，比如地州市的联动下拉框


    •    

  • toggle:开关闸按钮，比如在一个hidden表单域中存储true和falsh，同时显示相应的img图像


    •    

  • update field:更新数据，也就是无刷新提交了。




4.6 AJAX Java Server Faces Framework


The AJAX-JSF用来把任意的JSF应用程序转变为AJAX应用程序



       
  • 例子：AJAX组件的 MyFaces JSF Tree(树型目录), table scroller(可滚动的表格), tabbed pane(分页栏)


    •    

  • 开源协议(Apache Software License)




Server-Side: Lisp



5.1 CL-Ajax


CL-Ajax实现Javascript直接调用服务端Lisp



       
  • 生成可带参数的函数


    •    

  • 可以回调Javascript函数或者DOM对象


    •    

  • 可以集成到SAJAX中


    •    

  • 开源许可




6 Server-Side: .NET



6.1 WebORB for .NET (2005年8月)


WebORB for .NET是一个用.NET和XML Web Services方式开发AJAX和基于Flash的富客户端应用程序(在线例子)



       
  • WebORB包括一个富客户端开发类库。提供简单的在线式API用来绑定或者调用任何.NET对象、XML Web Services


    •    

  • 支持异步或同步的事件驱动


    •    

  • 不需要在服务端修改任何代码，不需要自定义方法或属性、变量等。不要求设计时指定代理等。


    •    

  • 同步调用不需要回调，异步调用需要一个回调方法。


    •    

  • 客户端可以向服务端请求指定的活动方式，不需要任何编程就可以把处理结果轻易的转变为状态。


    •    

  • 提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个类似于RecordSet的JavaScript对象来显示这个结果。该对象提供检索列名和行数据的方法。


    •    

  • 支持数据分页技术。客户应用程序能检索页面中的数据。


    •    

  • 支持以参数的方式返回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references


    •    

  • 目前有两个版本：标准版(免费)，专业版(商业许可)




6.2 Ajax.NET (2005年3月)


Ajax.NET是首家支持各种方式通过Javascript访问服务端.net的免费库



       
  • 类似于SAJAX，能把Javascript请求发送到.NET方法，服务端回传给Javascript，甚至包括串行化自定义类。


    •    

  • 可以在Javascript中访问Session和Application数据


    •    

  • 缓存查询结果


    •    

  • 免费使用源代码


    •    

  • 无需更改源代码，允许给Ajax.NET添加和修改方法和属性


    •    

  • 所有类支持Javascript客户端返回数据，可以在JavaScript中使用DataSet：res.Tables[0].Rows


    •    

  • 使用HtmlControls组件访问和返回数据


    •    

  • 页面无需重载，用事件代理(数据访问层)


    •    

  • 因为只提供一个调用接口方法，所以服务端CPU占用非常少




6.3 ComfortASP.NET (2005年8月)


ComfortASP.NET可以让开发者在纯.NET下开发类似AJAX(DHTML,JavaScript,XMLHttp)特性的应用程序。



       
  • 快速应答


    •    

  • 减少HTML传输


    •    

  • 减少页面重载


    •    

  • 无闪烁的浏览器内容更改


    •    

  • AJAX用户体验，




6.4 AjaxAspects (2005年8月)


AjaxAspects是个可以用Javascript调用服务端WebService事件的引擎



       
  • 用标准的SOAP和WSDL进行服务端-客户端通信


    •    

  • 用简单的类型和XML对象支持带参数的返回值


    •    

  • 缓存支持


    •    

  • 动作队列


    •    

  • 免费使用，开源协议




7 Server-Side: PHP



7.1 AjaxAC (2005年4月)


AjaxAC用一个单独类封装了完整的应用程序功能



       
  • 所有的功能集成在自包含的类中(另外附带一些Javascript库)


    •    

  • 调用PHP文件或者HTML页面非常简易，只需创建App类后把类引用传递给需要调用的Javascript对象或者HTML元素即可。


    •    

  • 捕获Javascript事件


    •    

  • 可以自定义配置数据，并且支持运行时参数更改


    •    

  • 无需再Javascript代码中夹杂凌乱的Html代码，所有事件都是被动态附加上的


    •    

  • 由于以上两个优点，所以支持良好的模版引擎


    •    

  • 容易Hook到PHP类和MySql数据已返回给自己的request


    •    

  • 能够容易的用Javascript建立窗口模式应用程序。




7.2 JPSpan


JPSPAN通过Javascript直接调用PHP中的函数。



       
  • 进行了严谨的单元测试


    •    

  • 开源许可(PHP)




7.3 XAJAX


XAjax 通过Javascript直接调用PHP中的函数



       
  • 支持用Javascript调用PHP脚本


    •    

  • 开源许可协议




8 Server-Side: Ruby



8.1 Ruby On Rails


Ruby On Rails是一个支持AJAX的完整Web框架，使用Ruby语言编写，严格按照MVC结构开发。



       
  • 当Ajax出现的时候Rails还处于其发展的早期，因此Ajax可能逐渐成为Rails框架的核心。


    •    

  • 生成浏览器中大多数/全部的Window应用组件和动画的Javascript脚本。


    •    

  • 支持服务器端调用。


    •    

  • 队列支持


    •    

  • 开源许可


]]> http://blog.wgzhao.com/2005/11/27/AJAX-framework-summary.html/feed 0 WEB2.0介绍 http://blog.wgzhao.com/2005/11/25/web2-introduced.html http://blog.wgzhao.com/2005/11/25/web2-introduced.html#comments Fri, 25 Nov 2005 14:34:13 +0000 wgzhao http://localhost/wordpress/?p=10 WEB2.0概念诠释

Web2.0，是相对Web1.0（2003年以前的互联网模式）的新的一类互联网应用的统称，是一次从核心内 容到外部应用的革命。由Web1.0单纯通过网络浏览器浏览html网页模式向内容更丰富、联系性更强、工具性更强的Web2.0互联网模式的发展已经成 为互联网新的发展趋势。


Web1.0到Web2.0的转变，具体的说，从模式上是单纯的“读”向“写”、“共同建设”发展；由被动地接收互联网 信息向主动创造互联网信息迈进！从基本构成单元上，是由“网页”向“发表/记录的信息”发展；从工具上，是由互联网浏览器向各类浏览器、rss阅读器等内 容发展；运行机制上，由“Client Server”向“Web Services”转变；作者由程序员等专业人士向全部普通用户发展；应用上由初级的 “滑稽”的应用向全面大量应用发展。
总之，Web2.0是以 Flickr、Craigslist、Linkedin、Tribes、 Ryze、 Friendster、Del.icio.us、43Things.com等网站为代表，以Blog、TAG、SNS、RSS、wiki等应 用为核心，依据六度分隔、xml、ajax等新理论和技术实现的互联网新一代模式。

应用：
1、 Blog（from wiki）
历史：
Blog一词本起源于 weblog，意思是网上日志。1997年由 Jorn Barger所提出。在1998年， infosift 的编辑Jesse J. Garrett (http://www.jjg.net)，将一些类似blog的网站收集起来，寄给Cameron Barrett。 Cameron随后将名单发布在CamWorld网站上，许多人亦陆续将blog的URL给Cameron，慢慢的，一个新的网络社区俨然成型。1999年，Brigitte Eaton (http://www.eatonweb.com)成立一个weblog 目录，收集她所知道的blog站。1999年，Peter Merholz (http://www.peterme.com) 首次使用缩略词“blog”，成为今天常用的术语。但是，blog 真正开始快速发展的转折点，是在1999年6月，当时Pitas开始提供免费的 weblog服务，紧接着8月，Pyra lab推出了现在的blogger.com。blogger.com 提供了简单易学的说明，以及能通过FTP 直接将blog发表在个人网站上的功能，这带给使用者很大的方便。目前已经有了很多Blog托管服务商(BSP)，业内人士对其盈利前景，持谨慎乐观态 度。
Blog的特点
Blog是个人或群体以时间顺序所作的一种记录，并且不断更新。blog之间的交流主要是通过回溯引用 （TrackBack）和回响/留言/评论（comment）的方式来进行的。blog的操作管理用语，也借鉴了大量档案管理用语。一个blog亦可被视 为一个档案（archives），或是卷宗（fonds）。与传统档案不同的是，blog的写作者（blogger），既是这份档案的创作人 （creator），也是其档案管理人（archivist）。

Blog大量采用了RSS （Really Simple Syndication或者Rich Site Summary或者RDF Site Summary）技术，所有的 RSS文件都必须符合由W3C发布的XML 1.0规范。对读者来说，可以通过RSS订阅一个blog，确知该blog作者最近的更新。对Blog作者来 说，RSS可以使自己发布的文章易于被计算机程序理解并摘要。

对知识管理和创造而言，blog提供了新的形态和途径。对汉语为母语的人 而言，blog写作既接续了汉语笔记文学的优秀传统，更充分鼓励了个人表达。从交往形态考察，网志空间（blogosphere）设定了积极的读者、作 者、编者互动转换关系，“言者互重，阅者相惜 ”。

2、 Tag （from blogbus）
什么是Tag？
 Tag （标签）是一种更为灵活、有趣的日志分类方式，您可以为每篇日志添加一个或多个Tag（标签），然后您可以看到BlogBus上所有和您使用了相同Tag 的日志，并且由此和其他用户产生更多的联系和沟通。不仅如此，我们还通过与Technorati的合作，把您的Tag发送到全球Blog空间，和全世界的 人们共同分享。
 Tag体现了群体的力量，使得日志之间的相关性和用户之间的交互性大大增强，可以让您看到一个更加多样化的世界，一个关联度更大的Blog空间，一个热点实时播报的新闻台。Tag为您提供前所未有的网络新体验……
 当然，您也可以简单地把一个Tag（标签）理解为一个日志分类，但是Tag和分类的不同之处也很明显：
首先，分类是您在写日志之前就定好的，而Tag是在您写完日志之后再添加的；
其次，您可以同时为一篇日志贴上好几个Tag（标签），方便自己随时查找，而原先一篇日志只能有一个分类；
再次，当您积累了一定数量的Tag之后，您可以看看自己在Blog中最经常写的是哪些话题；
最后，您可以看到有哪些人和自己使用了一样的Tag（标签），进而找到和您志趣相投的Blogger。
  举一个例子，比如说：您写了一篇到西湖旅游的日志，原来您都是把这一类的日志放到自己的“驴行天下”分类下，但是有了Tag之后，您可以给这篇日志同时加 上“旅游”、“杭州”、“西湖”、“驴行天下”等几个Tag，当浏览者点击其中任何一个Tag，他都可以看到您的这篇日志。同时您自己也可以通过点击这几 个Tag，看看究竟有谁最近也去了杭州旅游，或许你们还可以交流一下旅游心得，成为下一次出游的伙伴呢！

3、 SNS
Social Network Service，社会性网络软件，依据六度理论，以认识朋友的朋友为基础，扩展自己的人脉。并且无限扩张自己的人脉，在需要的时候，可以随时获取一点，得到该人脉的帮助。

 SNS网站，就是依据六度理论建立的网站，帮你运营朋友圈的朋友。

4、 RSS（from wiki）
RSS是一种用于共享新闻和其他Web内容的数据交换规范，起源于网景通讯公司的推”Push”技术，将订户订阅的内容传送给他们的通讯协同格式(Protocol)。RSS可以是以下三个解释的其中一个：

Really Simple Syndication（真正简单的整合）
RDF (Resource Description Framework) Site Summary
Rich Site Summary（丰富站点摘要）
但其实这三个解释都是指同一种Syndication的技术。

目前RSS规范的主要版本有0.91、1.0和2.0。

0.91版和1.0版完全不同，风格不同，制定标准的人也不同。0.91版和2.0版一脉相承。1.0版更靠拢XML标准。

RSS目前广泛用于blog、wiki和网上新闻频道，世界多数知名新闻社网站都提供RSS订阅支持。

5、 Wiki（from wiki）
Wiki 一词源自夏威夷语的「wee kee wee kee」，本是「快点快点」之意。在这里Wiki指的是一种超文本系统。这种超文本系统系支持那些面向社群 的协作式写作，同时也包括一组支持这种写作的辅助工具。有人认为，Wiki系统属於一种人类知识的网路系统，我们可以在Web的基础上对Wiki文本进行 浏览、创建、更改，而且这种创建、更改、及发布的代价远比HTML文本小；与此同时Wiki系统还支持那些面向社群的协作式写作，为协作式写作提供了必要 的帮助；最后，Wiki的写作者自然构成了一个社群，Wiki系统为这个社群提供了简单的交流工具。与其它超文本系统相比，Wiki有使用简便且开放的优 点，所以Wiki系统可以帮助我们在一个社群内共用某个领域的知识。
Wiki起源
1995年沃德?坎宁安 （Ward Cunningham）为了方便模式社群的交流创建了全世界第一个wiki系统－WikiWikiWeb，并用它建立了波特兰模式知识库 （Portland Pattern Repository）。在建立这个系统的过程中，沃德?坎宁安创造了Wiki的概念和名称，并且实现了支持这些概 念的服务系统。这个系统是最早的Wiki系统。从1996年至2000年间，波特兰模式知识库围绕著面向社群的协作式写作，不断发展出一些支持这种写作的 辅助工具，从而使Wiki的概念不断得到丰富。同时Wiki的概念也得到了传播，出现了许多类似的网站和软体系统。
Wiki的历史不长，无论是 Wiki概念本身，还是相关软体系统的特性，都还在热烈的讨论中；所以怎样的一个站点才能称得上是一个Wiki系统还是有争议的。与Wiki相关新近出现 的技术还有blog，它们都降低了超文本写作和发布的难度。这两者都是同内容管理系统密切相关的。
Wiki的特点
使用方便
维护快捷：快速创建、存取、更改超文本页面（这也是为什麼叫作 “wiki wiki” 的原因）。
格式简单：用简单的格式标记来取代 HTML 的复杂格式标记。（类似所见即所得的风格）
链接方便：通过简单标记，直接以关键字名来建立链接（页面、外部连接、图像等）。
命名平易：关键字名就是页面名称，并且被置於一个单层、平直的名空间中。
可增长
可增长：页面的链接目标可以尚未存在，通过点击链接，我们可以创建这些页面，从而使系统得以增长。
修订历史：记录页面的修订历史，页面的各个版本都可以被获取。
开放性
开放的：社群内的成员可以任意创建、修改、或删除页面。
可观察：系统内页面的变动可以被来访者清楚观察得到。
由於Wiki的自组织，可增长以及可观察的特点，使Wiki本身也成为一个网路研究的对象。对Wiki的研究也许能够让人们对网路的认识更加深入

理论和技术：
1、 六度关系理论
目 前流行的“六度分隔”理论是20世纪60年代由美国的心理学家米格兰姆（Stanley Milgram）提出的，这个理论可以通俗地阐述为： 最多通过 六个人你就能够认识任何一个陌生人。“六度分隔”成为人际关系世界中无可否认而又令人震惊的特征，许多社会学上的深入研究也给出令人信服的证据，说明这一 特征不只是特例，在一般情形下也存在。 最近，美国哥伦比亚大学社会学系的瓦茨教授领导的EMAIL试验也再次证明了这一人际关系世界中惊人的规律。然 而，在现实世界中，六十亿人怎么可能真的构成如此紧密的相互关联呢？是互联网使一切成为现实。

2、 Xml
XML即可扩展标 记语言（eXtensible Markup Language）。标记是指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种信息的 文章等。如何定义这些标记，既可以选择国际通用的标记语言，比如HTML，也可以使用象XML这样由相关人士自由决定的标记语言，这就是语言的可扩展性。 XML是从SGML中简化修改出来的。它主要用到的有XML、XSL和XPath等。

3、 AJAX
Ajax并不是一种技术。它实际上是几种已经在各自领域大行其道技术的强强结合。Ajax混合了：
* 基于XHTML/CSS
* 由DOM（Document Object Model）实现动态显示与交互
* 通过XML和XSLT进行数据交换及处理
* 使用JavaScript整合上述技术

直 观一点的说Ajax能够实现不刷新浏览器窗口（当然更不用安装额外的插件）而满足用户的操作，现在一些看上去很Cool的网站，很多是用这项技术实现的， 其中包括：orkut、Gmail、Google Group、Google Suggest、Google Maps、Flickr、A9.com等。 2SIMPLE的Co-mment系统虽然没有用到XML/XSLT，其理念已经暗合容Ajax，实现了不刷新网页提供动态内给用户。

现有的产品：
Wiki 百科、Wallop 、yahoo360 、openbc 、 cyworld 、43things 、 flickr、 del.icio.us、  cragslist 、glob 、客齐集、 friendster 、 linkin 、UU通 、 优友 、 天际网 、爱米网 、 linkist 、新浪点点通、skype、亿友、cyworld

现在说说web2.0的具体应用。

历史很重要。对一个技术的学习也应当从历史出发，通过其在时间形成历史的流变，得以知晓现状，甚至能够预知未来。

那Web 1.0是什么呢？

他们说，记得静态HTML的WWW时代么？

（那个时代的WWW应用、人们的Web体验、对社会的影响如何？）

那么动态HTML和静态HTML下的Web相比，是多少版本？1.5？对了，他们是真这么叫的。

（在效果和影响上，与1.0相比，扩展和加深多少？）

要呈现的数据存储在数据库中，通过Web服务端的程序，应用户的请求，取出数据，加上事先设计的模板，动态的生成Html代码，发送到用户的浏览器那里。

他是1.0系列，应为用户在浏览器中所见和Web 1.0一样，它有0.5的升级，因为数据不是事先制作并发布，而是动态生成，和用户的需要交互生成。

那好，在加0.5，到Web 2.0，变化是在哪里呢？

（看到了正在崛起的和改变的，会继续朝着什么方向改变互联网和社会呢？）

更新：关于各个版本的差别，看看亚马逊的例子。

事情没有那么幸运，Web 2.0并不是一个具体的事物，而是一个阶段，是促成这个阶段的各种技术和相关的产品服务的一个称呼。所以，我们无法说，Web 2.0是什么，但是可以说，那些是Web 2.0。

WikiPedia的Web 2.0条目下列出了这些条件：

* CSS 和语义相关的 XHTML 标记
* AJAX 技术
* Syndication of data in RSS/ATOM
* Aggregation of RSS/ATOM data
* 简洁而有意义的 URLs
* 支持发布为 weblog
* RESTian (preferred) 或者 XML Webservice APIs
* 一些社会性网络元素

必须具备的要素有：

* 网站应该能够让用户把数据在网站系统内外倒腾。
* 用户在网站系统内拥有自己的数据
* 完全基于Web，所有的功能都能透过浏览器完成。

（以上内容引用自英文版维基百科）

虽然这只是一家之言，不过，对于其中谈到的几个要素，大家还是公认的。

- 基于RSS/ATOM/RDF/FOAF等XML数据的同步、聚合和迁移。

数据不再和页面和网站混粘在一起，它独立了，它跟着用户走。这是Web 2.0的很重要特征。这也是为什么Blog是Web 2.0的代表的原因。在网志上，常主角的是相互独立的一则则的网志。

独立，然后有物理表现。现在，就能让他们活跃起来。透过对XML数据的处理，这些内容能被自由的组合，被各种应用程序，不论是Web程序还是桌面程序等呈现和处理。

（更新：参看商业周刊的All Your Info in One Place）

当然，最重要的是背后的人。

- 社会性因素。

内容跟着人走，内容又能够被用户自由的组合，也就是说，用户能够自由的借助内容媒介，创建起一个个的社群，发生各种社会性的（网络）行为。

此外还有标签以及建立在开放标签系统之上的Folksonomy。

- 第三个公认的因素是开放API，这个技术性稍强些，得另花时间研习，可以先看看例子：amazon、flickr、google map等。

（Web 2.0是个大筐，装了好多东西）

从Web应用的产品/服务生产者角度来说，该如何创建Web 2.0的产品呢？

重要的是要抓住这么几点，一个是微内容（这里有定义），一个是用户个体。除了这两个最基本的之外，还可以考虑社群内的分享以及提供API。

微 内容：英文是microcontent。用户所生产的任何数据都算是微内容，比如一则网志，评论，图片，收藏的书签，喜好的音乐列表、想要做的事情，想要 去的地方、新的朋友等等。这些微内容，充斥着我们的生活、工作和学习，它的数量、重要性，还有我们对它的依赖，并不亚于那些道貌岸然、西装革履的正统文 章、论文、书籍。

对微内容的重新发现和利用，是互联网所开创的平等、***、自由风气的自然衍生，也是互联网相关技术消减信息管理成本之后的一个成果。

我们每天都生产众多的微内容，也消费着同样多的微内容。对于Web 2.0来说，如何帮助用户管理、维护、存储、分享、转移微内容，就成了关键。

用 户个体。对于Web 1.0的典型产品/服务来说，用户没有具体的面貌、个性，它只是一个模糊的群体的代名词而已。但是对于Web2.0的产品和服务来 说，用户是个实实在在的人。Web 2.0所服务的，是具体的人，而不是一个如同幽灵般的概念。并且，这个人的具体性，会因为服务本身而不断地充实起来。

如何为这个具体的个体服务，是Web 2.0设计的起点。

因此，一类可以被称作Web 2.0的产品/服务将是这样：

服务于用户个体的微内容的收集、创建、发布、管理、分享、合作、维护等的平台。

这是表。

里呢，恐怕就设计到好些人提到的，微内容的XML表现；微内容的聚合；微内容的迁移；社会性关系的维护；界面的易用性等等。

其质，是否就是开源、参与、个人价值、草根、合作等等？

Web2.0是许多方面起头并进又相互牵连的一个新的阶段的到来。因此，不同的人，有着不同的看法。那么，对于Web开发人员来说，Web2.0意味着什么呢？

他们说Web2.0阶段，Web是一个平台，或者说，Web正在变得可编程，可以执行的Web应用。野心家们设想这个它的终极目标是Web OS。

Web 1.0时候，Web只是一个针对人的阅读的发布平台，Web由一个个的超文本链接而成。现在的趋势发生了变化，Web不仅仅是Html文档的天下，它成了交互的场所。

Web 2.0 Conference 网站的横幅引用Jeff Bezos的话说“Web 1.0 is making the internet for people， web 2.0 is making the internet better for computers”。

具体来讲，他们说Web成为一个开发环境，借助Web服务提供的编程接口，网站成了软件构件。

这些，就是Web Service的目标吧，信息孤岛通过这些Web Service的对话，能够被自由构建成适合不同应用的建筑来。

一些例子：del.icio.us、flickr、a9、amazon、yahoo、google、msn等提供的编程接口衍生出的各种应用。

为什么要开放APIs，这涉及到集市中的商业方面的技术策略。当然，还有更深层的原因，那是什么呢？

这种交互不仅体现在不同的网站服务之间，同时还体现在用户和Web之间在浏览器上的交互。这也是为什么在美味书签的收藏中Web2.0和AJAX如此相关的一个原因。

在Web页面上使用桌面程序有的那些便利，真的是很享受的事情。这恐怕也是Web可编程的一个方面，Web页面不再是标记和内容混合那样的简单，它就是一个可以编程的地方（是这样理解吧？）

有 人反对说，AJAX的使用对搜索引擎不友好，只有Web 1.0的站长才关心这个事情吧，在Web 2.0时候，站长应该关心的是用户参与的便利、用户的 自由度，至于搜索，有RSS/ATOM/RDF等，更本用不着操心，Google不是已经顺应这个趋势，让大家主动提交了么？

可编程的第三个方面，是否在于Web应用和桌面应用之间的无缝连接趋势的出现？类似这里说的“从工具上，是由互联网浏览器向各类浏览器、rss阅读器等内容发展”

……

自己不是专业开发人员，对Web OS的学习就点到为止，下次换个方向，否则我非头大不可。

———————

cathayan和Live21说Web 2.0其实思路很古老，就是internet 1.0的回归。

Live21那里提到“关于概念的炒做应该不是一次两次的问题了”。

提到概念炒作，我还真见到过，今天在一篇报道中看到作为WEB 2.0的BSP的字眼，好笑得很。

不过，我真想说明，在目前中文Blog空间内能查阅到的学习、探讨Web 2.0的资料都不是炒作，因为包括我在内，大家都没有任何商业背景（注意，新闻报道中的那些Web 2.0除外）。

[Web 2.0是个历史学的概念，而非是个技术性的概念，它是对Web发展历史断代的成果。对这个概念的梳理，能帮助我更好的把握互联网正在发生的技术与文化。]

中文网志圈谈论的Web 2.0内容摘要：

-  “我觉得最有价值的一个是， web应用的数据格式开始逐渐出现了交换“标准”…这些标准…更加容易被机器自动化处理…能帮助人更好地过滤和 定制化信息。其次，更多的服务将以web service的形式来提供，…这使得web 服务可以被互相集成， 从而诞生更多新的服务…人的重要 性被提高了。过去web更多注重在信息提供， 而现在的越来越多的应用更加关注人，也就是所谓“社会性”。此外web的可用性改进正在被越来越重 视…”[老冒：朝web 2.0泼点冷水]

- “RSS逐渐成为在线内容提供服务的标准发行平台。Blog以及user- generated内容的兴起。My Yahoo提供的RSS整合型服务。同时提出了值得密切关注的一些发展中领域，其中包括搜索技术，个性化，User -Generated内容（包括 blog，评论，图像和声音），音乐，短视频和Accessibility(易访问性）”[Owen： Mary Meeker新作 - 关于Digital World的发展报告的摘取]

- “我们谈论的Web2.0带给我们的是一种可读 写的网络，这种可读写的网络表现于用户是一种双通道的交流模式，也就是说网页与用户之间的互动关系由传统的“Push”模式演变成双向交流的“Two-  Way Communication”的模式。而对于Web服务的开发者来说，Web2.0带来的理念是服务的亲和力，可操作性，用户体验以及可用 性。”[Owen：BaCKpACK-体验可读写的Web服务]

- “web 2.0是一种可以被分发的信息概述，web文档被格式化成了web数据。我们不会再看到不同旧地信息，现在我们所注意到是一种聚合、再混合内容的工具。”[songzhen：也说Web 2.0的翻译]

-  “从这些应用中可以看到：如果基于传统的HTML，同样的功能实现将变得非常复杂和不稳定，数据的再生产和交换成本是很高的。所以：RSS这个标准最终要 的贡献就是使得互联网的大部分网站变得可编程：类似的例子还有Blog中的：TrackBack Ping等机制，这些机制都是依赖XML/RPC实现 的。当初为Lucene设计一个RSS/XML的接口也是为了这个初衷，它使得全文检索服务可以轻松的嵌入到各种应用中，通过关键词将各种内容之间实现更 丰富的关联(Well Referenced)。”[车东：RSS，简单协议使得互联网可编程]

- “聚合的可能性以及如何更好地聚合 （通常来说，更好的聚合应该基于个人知识管理和人际关系管理）很显然应该成为新一代或者说web2.0架构的核心之一。还有，你会重新发现，恰好是分散带 动了聚合，聚合促进了分散，通过聚合的思维，互联网的网络状变得越来越丰富和密集，web2.0就变得越来越有趣味，它将web1.0时代的硕大节点即门 户网站不断消解，去努力创造一个更加和谐的自然网络图谱。”[Horse：rss，聚合的无数可能]

- “新的web2.0网站都依赖于用户参与、用户主导、用户建设”。[Horse：Web 2.0这个词]

- Keso：Web 1.0与Web 2.0的区别

-  “表面上看，Bloglines取代了门户，成为一个新的中心，但这里有一个重大的区别。门户是只读的，它带有某种锁定的性质。你可以离开门户，但你无法 带走门户的内容。Bloglines则完全不同，你觉得它好用，就会继续使用，有一天你不再喜欢Bloglines，你完全可以导出你的OPML，到另一 个 RSS订阅网站，或者干脆用客户端软件浏览同样的内容。所以，像Bloglines这样的网站，是可写的，你可以导入，也可以导出。就像你对信息拥有 选择权，对服务提供商也同样拥有选择权，没有人可以锁定你，主动权在你自己手上。”[Keso：再说信息选择权]

- “Flickr、 del.icio.us、Bloglines等Web 2.0服务，通过开放API获得了很多有趣、有用的想法，并借助外部的力量，让用户获得了更好的体 验。更多大公司也加入到开放API的潮流中，Google、Yahoo!、Amazon、Skype。Google桌面搜索今年3月才开放API，很快就 产生了大量的创造，大大扩充了可搜索的文件格式。”[Keso：开放API]

- “归纳：web1.0天天谈门户，web2.0谈个人 化；web1.0谈内容，web2.0谈应用；web1.0商业模式，web2.0谈服务；web1.0谈密闭、大而全，web2.0大家谈开放、谈联 合；web1.0网站中心化，web2.0谈个人中心化；web1.0一对一，web2.0谈社会性网络；web1.0不知道你是狗，web2.0你去年 夏天干了什么我一清二楚甚至想要干什么呢。。。”[van_wuchanghua：发现了N.HOOLYWOOD，我还知道你今年夏天要干什么]

- “我认为Web2.0有下面几个方面的特性: 个性化的传播方式. 读与写并存的表达方式. 社会化的联合方式.标准化的创作方式. 便捷化的体验方式.

]]> http://blog.wgzhao.com/2005/11/25/web2-introduced.html/feed 4