亚洲香蕉免费有线视频,亚洲日韩欧洲无码av夜夜摸,亚洲人成高清在线播放

自动提示效果

☆蓝色梦想☆ — Wed, 16 Aug 2006 15:25:00 GMT

自动提示效果

☆蓝色梦想☆ 2006-08-16 23:25 发表评论

☆蓝色梦想☆ — Wed, 16 Aug 2006 15:22:00 GMT

< script language = " javascript " type = " text/javascript " >

function Hashtable()
{
     this ._hash         = new Object();
     this .add         = function (key,value){
                         if ( typeof (key) != " undefined " ){
                             if ( this .contains(key) == false ){
                                 this ._hash[key] = typeof (value) == " undefined " ? null :value;
                                 return true ;
                            } else {
                                 return false ;
                            }
                        } else {
                             return false ;
                        }
                    }
     this .remove         = function (key){ delete this ._hash[key];}
     this .count         = function (){ var i = 0 ; for ( var k in this ._hash){i ++ ;} return i;}
     this .items         = function (key){ return this ._hash[key];}
     this .contains     = function (key){ return typeof ( this ._hash[key]) != " undefined " ;}
     this .clear         = function (){ for ( var k in this ._hash){ delete this ._hash[k];}}

}

var a = new Hashtable();

a.add( " aa " );
a.add( " bb " , 2342 );
a.add( " bb " , 2342 );

a.remove( " aa " );

alert(a.count());

alert(a.contains( " bb " ));

alert(a.contains( " aa " ));

alert(a.items( " bb " ));

script >

☆蓝色梦想☆ 2006-08-16 23:22 发表评论

☆蓝色梦想☆ — Thu, 22 Dec 2005 07:59:00 GMT

在这个关于AJAX�p�d��的第三部分中�Q�我们将学习如何使用AJAX与服务端�q�行写作以及�q�些技术如何��生强大的web应用�E�序。如果你对学习如何构建类似GMail或者Google Maps的web�E�序感兴��的话，�q�是一��基��的入门（虽然那两个东东会比我们在�q�篇文章中提及的内容复杂的多�Q�。在�q�篇文章中，我��用PHP作�ؓ服务端语�a��Q�但AJAX能够和�Q何服务端语言�q�行很好的兼容，所以你��可以选择你所钟爱的�Q何语�a��Q?BR>
　　我们�q�是从我们上一��文章的代码�Q�喏�Q�就在上面）开始我们的学习�Q�你可以去阅��d��来作为参考�?BR>
　　�q�里��是�q�个HTML��面�Q�带js�Q�：
"http://www.w3.org/TR/html4/strict.dtd">

如何使用ajax开发web应用�E�序--�C�Z��

使用Ajax开发web应用�E�序

�q�个��面演示了AJAX技术如何通过动态读取一个远�E�文件来更新一个网��늚�内容�Q�－不需要�Q何网��늚�重新加蝲。注意：�q�个例子对于��止js的用��h��说没有效果�?lt;/p>

�q�个��面��演�C�如从取回�ƈ处理成组的XML数据。被取回的数据将会以表格形式输出到底下�?BR>查看演示.

(sheneyan注：�C�Z��见http://sheneyan.com/html/article/ajax/example_3.html)
　　注意�Q�这里唯一的变化就是我们将我们的ajaxRead()中的“data_2.xml”改成了“data_3.php”。这是因为我们将使用php来输出XML�Q�如果你在你的浏览器里打开�q�个PHP文�g�Q�它会以一个XML文�g的�Ş式展现出来－�Q�我们只是要在这个文件中�q�行操作而不只是一个简单的XML�Q�。这个PHP文�g的输出类��|��

<�?tasks="喂食, 饮水, 抓蟩�? />
<�?tasks="喂食, 饮水, 带出去遛�? />
<�?tasks="喂食, ��查氧气，水的�U�度�Q�其�? />

(Sheneyan注：�C�Z��׃��提供了，参考底下说明即可�?

　　�q�只是输出结果，我们准备从一个mysql数据库中获取�q�些信息。从现在��P��我们可以直接在我们的数据库中修改数据而不是手动修改XML文�g。用AJAX通过PHP来取得数据，�q�将它获取到一个页面上�Q�－所有这些，仍然不需要重新加载网��c�?BR>
　　�W�一步是�q�接到mysql去获取数据。这��文章的重点在javascript�Q�所以我不会解释下面的代码如何工作，你需要自己去了解如何�q�接mysql数据库�?BR>$user = "admin";
$pass = "adminpass";
$host = "localhost";
$conn = mysql_connect($host, $user, $pass) or die("Unable to connect to MySQL.");
$db = mysql_select_db("pets",$conn) or die("Could not select the database.");
mysql_close($db);
?>

　　只要你连接了数据库，你可以通过底下的查询来获取信息�Q?BR>$user = "admin";
$pass = "adminpass";
$host = "localhost";
$conn = mysql_connect($host, $user, $pass) or die("Unable to connect to MySQL.");
$db = mysql_select_db("pets",$conn) or die("Could not select the database.");
$result = mysql_query("SELECT * FROM `pets`");
if(mysql_num_rows ($result) == 0){
die ('Error: no data found in the database.');
}
while ($row = mysql_fetch_assoc($result)){
echo 'Pet: '.$row['pet'].', tasks: '.$row['tasks'].'. ';
}

mysql_close($db);
?>

　　�q�段代码�l�了你需要的信息�Q�但它输出�ƈ不正��。我们需要修改这PHP代码来分隔数据�ؓXML�Q�而不是纯文本。�ؓ了实现这个目标我们得作几个修攏V�?BR>
header('Content-Type: text/xml');//�~�号1
echo '';//�~�号2
echo "\n\n\n";//�~�号3
$user = "admin";
$pass = "adminpass";
$host = "localhost";
$conn = mysql_connect($host, $user, $pass) or die("无法�q�接mysql.");
$db = mysql_select_db("pets",$conn) or die("无法选择数据�?");
$result = mysql_query("SELECT * FROM `pets`");
if(mysql_num_rows ($result) == 0){
die ('Error: 数据库没有数�?');
}
while ($row = mysql_fetch_assoc($result)){
echo '<'.$row['pet'].' tasks="'.$row['tasks'].'" />'."\n";//�~�号4
}
echo "\n";//�~�号5
mysql_close($db);
?>

　　让我们从上面开始，一�ơ一行的来分析它是如何输出XML�?我给每一行都加了注释标记以便于更好的对应理解(原文是I've color-coded each line to make it easier to understand,我懒得上�?��改成用�~�号�?

　　�~�号1:�q�部分代码发送一个http头来让用户客��L��明白�q�个php文�g输出的是一个XML。这��是��Z��么你在你的浏览器里看�q�个文档的时候它以一个XML文�g的�Ş式展玎ͼ�即��你的文�g有一个�?php”后�~��?BR>
　　�~�号2:�q�部分的代码输出了XML声明。这是我之前展示�l�你看的XML的第一行�?BR>
　　�~�号3:�q�部分的代码输出的最开始的两个标签�Q�我们的�Ҏ��{�，和我们用来放�|�所有宠物的标签�?BR>
　　�~�号4:�q�部分的代码最困难的。这里包含了一个��@环用来遍历你数据库里所有的数据。每�ơ��@环，它会输出一个新的节点，�q�个节点用每一�U�动物作为标�{�֐�以及一�?��d��"属性。例如，如果你数据库中的�W�一只宠物是“猫”而且它相应的��d��字段是“喂�? 饮水, 抓蟩蚤”，那php��输出在XML文档中输�?<�?tasks="喂食, 饮水, 抓蟩�? /> 。这个“\n�?部分只是在结��插入一个新行，保证�q�个XML代码不至于都在同一行�?BR>
　　�~�号5:�q�部分的代码�l�束�?我们开始时打开�?lt;/pets> �? 节点。因为XML必须是格式良好的�Q�well-formed�Q�，所以我们必��认真对待这部分以确认我们的�E�序能够正确�q�行�?BR>
　　现在我们已经让PHP输出XML了，我们现在所要作的就是登录我们的mysql数据库，�q�进行我们所需要的修改�Q�来更新�q�个XML。很��P��不是吗？我们仍然能够使用上一��文章中的js脚本来获取代码，因�ؓXML输出和之前的完全一栗��?BR>
�l�论

　　你可以再�q�一步的扩展�Q��用XML来保存和获取数据。换句话��_��你能够��用php来写你的XML文�g�Q�然后让javascript来读。用ajax�Q�你也能够定时的��查xml文�g是否已经更改而且�Q�如果XML已经更新�Q�也可以更新本页面�?/FONT>

☆蓝色梦想☆ 2005-12-22 15:59 发表评论

☆蓝色梦想☆ — Thu, 22 Dec 2005 07:58:00 GMT

在过去，�׃��Z��获得新数据而不得不重新加蝲web��面�Q�或者加载其他页面）��D��web应用�E�序发展被限制。虽然有其他�Ҏ��可用�Q�不加蝲其他��面�Q�，但是�q�些技术都没有被很好地支持而且有bug成灾的趋向。在�q�去的几个月里，一个过��dƈ不被�q�泛支持的技术已�l�被��来��多的web冲浪者（web surfers??是指��览器还是浏览者？�Q�所接受�Q�它�l�了开发者更多的自由开发先�q�的web应用�E�序。这些通过javascript来异步取得xml数据的应用程序，被亲切的�U�Cؓ“Ajax应用�E�序”（Asynchronous Javascript and XML applications�Q�。在�q�篇文章中，我将会解释如何通过Ajax来取回一个远�E�的XML文�g�q�更��C��个web page�Q��ƈ且随着�q�个�p�d��的��l�，我将讨论更多的方法，使用ajax技术将你的web应用�E�序提升��C��个新的层�ơ�?BR>
　　�q�第一步就是创��Z��个带一些数据的XML文�g。我们将�q�个文�g命名为data.xml。它是一个简单的XML文�g�Q�而在一个真实的�E�序中，它会复杂许多�Q�但对于我们的例子来��_��单明了是最合适地�?BR>

�q�是一些示例数据，它被保存在一个XML文�g中，�q�被JavaScript取回�?BR>

　　现在让我们创��Z��个简单的web��面包含一些示例数据。这个页面将是我们的js脚本所在，�q�且�q�个��面��会让用户们讉K��柄看到Ajax脚本的运行。我们把它命名�ؓajax.html

"http://www.w3.org/TR/html4/strict.dtd">

使用ajax开发web应用�E�序 - �C�Z��

使用ajax开发web应用�E�序

�q�是一些示例数据，它是�q�个�|�页的默认数�? title="查看�q�个XML数据." onclick="ajaxRead('data.xml'); this.style.display='none'; return false">查看XML数据.

注意�Q�对于那些没有javascript的用��P��我们直接链接到data.xml文�g。对于那些允许运行javascript的用��P��函数“ajaxRead”将被运行，�q�个链接被隐藏，�q�不会被转向到那个data.xml文�g。函数“ajaxRead”现在还没定义。所以如果你要检验上面的�C�Z��代码�Q�你会得��C��个javascript错误。让我们�l�箋�q�定义这个函敎ͼ��q�有其他的）�Q�让你能够看到ajax是如何工作的�Q�下面的脚本要放��C��的head标签里：

�Q�Sheneyan注：完整代码�C�Z��见http://sheneyan.com/html/article/ajax/example.html�Q�XML文�g见：http://sheneyan.com/html/article/ajax/data.xml�Q?BR>
　　�q�堆代码有点多，让我们一点点的进行。第一个函数叫做“ajaxRead”－也就是我们在��面的“查看XML数据”链接中调用的函敎ͼ�我们定义了一个“xmlObj”变量－�q�将作�ؓ客户端（用户正在查看的这个web��面�Q�以及服务端�Q�web站点本��n�Q�之间的中间件。我们在一个if/else块中定义�q�个对象�Q?BR>if(window.XMLHttpRequest){
xmlObj = new XMLHttpRequest();
} else if(window.ActiveXObject){
xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
} else {
return;
}

　　�q�只是一个对不同对象是否可用的测试－某些��览器实��C��不同的XMLHttpRequest对象�Q�所以当我们定义“xmlObj”作为我们的XMLHttpRequest对象�Ӟ��我们不得不根据浏览器所实现的来定义它。如果没有可用的XMLHttpRequest对象�Q�我们将执行“return”语句结束这个函��C��避免脚本错误。在大部分情况下�Q�这个检验将�q�回一个XMLHttpRequest对象�Q�这部分代码应该能够在绝大部分的��览器上工作�Q�除了少部分比较老的��览器的异常情况�Q�它能够工作在ie5.01上，但是在netscape4上会使函数终止）�?BR>　　接下来是�q�些代码�?
xmlObj.onreadystatechange = function(){
if(xmlObj.readyState == 4){
updateObj('xmlObj', xmlObj.responseXML.getElementsByTagName('data')[0].firstChild.data);
}
}

　　每次XMLHttpRequest的状态发生变化，事�g“onreadystatechange”就会被触发。通过使用“xmlObj.onreadystatechange = function(){...}”我们能够创��Z��个函数�ƈ让它在这个XMLHttpRequest对象的状态每�ơ发生改变的时候立刻运行。这里��d��有五个状态，�?走到4�?BR>
0 �?��未初始化（在这个XMLHttpRequest开始前�Q?BR>
1 �?加蝲�Q�XMLHttpRequest初始化一�l�束�Q?BR>
2 �?加蝲�l�束�Q�XMLHttpRequest一从服务器上获得一个回应）

3 �?交互�Q�当XMLHttpRequest对象和服务器�q�接中）

4 �?�l�束�Q�当XMLHttpRequest被告知它已经完成了所有�h物�ƈ�l�束�q�行�Q?BR>
　　�q�第五个状态（数字4�Q�就是我们能够确定数据已�l�可用的标志�Q�所以我们检验这个xmlObj.readyState是否�{�于�?”来��定数据是否可用�Q�如果是4�Q�我们运行updateObj函数。这个函数带两个参数�Q�一个当前web��面的元素ID�Q�当前web��面中要更新的元素）以及用于填充�q�个元素的数据。这个函数的�q�行方式在稍后将更详�l�地解释�?BR>
　　我们的web��面的p元素有一个id“xmlData”，�q�就是我们准备更新的�D�落。我们正在取得的数据来自于XML文�g�Q�但它有点复杂。这里是它如何工作的原理�?BR>
　　xmlObj.responseXML属性是一个DOM对象 �Q?它很象“document”对象，除了它来自远�E�的XML文�g。换句话��_��如果你在data.xml中运行脚本，那xmlObj.responseXML��是一个“document”对象。因为我们知道这些，我们能够通过“getElementsByTagName”方法取得�Q何XML节点。数据包含在一个命名�ؓ�?lt;data>”的XML节点中，所以我们的��d��很简单：取得�W�一个（而且只有�q�一个）数据节点。因而，xmlObject.responseXML.getElementsByTagName("data")[0]�q�回XML文�g中的�W�一�?lt;data>节点�?BR>注意�Q�它�q�回的是XML节点�Q�而不是节点中的数据－�q�个数据必须通过讉K��XML节点的属性取得，�q�就是下一步要说的�?BR>　　接下来，取得数据只需要简单的指定“firstChild.data”（firstChild指向了那个被节点包含的文本节点，而这个“data”属性则是这个文本节点的实际文本�Q��?BR>xmlObj.open ('GET', file, true);
xmlObj.send ('');

　　�q�是我们的ajaxRead函数的最后一个部分。它说了些什么？嗯，xmlObj的这个“open”方法打开了一个到服务器（通过一个指定的协议�Q�这里指定的是“GET”－你可以��用“USE”或者其他别的协议）的连接，去请求一个文�Ӟ��在我们的例子里，变量“file”被作�ؓ一个参数赋�l�ajaxRead函数�Q�data.xml�Q�，而且javascript可以同步�Q�false�Q�或者异步（true�Q�默认��|��的处理请求。由于这是异步的Javascript和XML�Q�AJAX�Q�，我们��用默认的异步方式�Q�在�q�个例子中，使用同步方式��不起作用�?BR>
　　�q�是我们函数中的最后一行，它简单的发送一个空字符串回服务器。如果没有这行，xmlObj的readyState永远不会�?�Q�所以你的页面永�q�不会更新。这个send�Ҏ��能够用于作其他事情，但今天我只是用来从服务器上取得数据－�q�不发送它�Q�所以在�q�篇文章中我不准备介入�Q何关于send�Ҏ��的细节�?BR>function updateObj(obj, data){
document.getElementById(obj).firstChild.data = data;
}

　　现在再稍微解释一下updateObj函数�Q�这个函��C��用一个新的值来更新当前��面上�Q何指定的元素。他的第一个参敎ͼ�“obj”是当前��面中元素的ID�Q�那个要被更新的对象�Q�它的第二个参数�Q�“data”是用来��那个将被替换值的对象�Q�“obj”）的内�Ҏ��换掉。一般来��_��验一下�ƈ��定当前��面上确实有一个元素的ID是“obj”是比较明智的，但对我们的脚本的�q�个隔离�U�别来说校验�q�不必要。这个函数更新的方式和我们之前从XML文�g的“data”节点取得数据的方式�c�M��Q�它定位它要更新的元素（�q�时候这个元素的ID代替了它的标�{�֐�和在��面中的索引�Q��ƈ讄��q�个元素的第一个子节点�Q�文本节点）的data属性�ؓ新的倹{��如果你需要��用HTML而不是纯文本来更��C��个元素，你也可以使用
document.getElementById(obj).innerHTML = data

�q�就是全部了

　　�q�个概念很简单，而且代码也不是很难。你能够从某个地方读取一个文件�ƈ且不需要重新加载这个web��面。你有��够的灉|��性来作各�U�事情，包括从表单发送数据（不需要重新加载web��面�Q��ƈ且��用一个服务端语言来动态生成XML文�g。如果你需要更�q�一步，记得�q�个�q�接是很有用的－哦，�q�要记得Google是你朋友。在另外的文章中�Q�我��解释你如何配合服务端技术��用AJAX来构造强大的web应用�E�序�?/FONT>

☆蓝色梦想☆ 2005-12-22 15:58 发表评论

☆蓝色梦想☆ — Thu, 22 Dec 2005 07:58:00 GMT

在上一��文章中�Q�我们讨��Z��如何通过javascript从一个远�E�XML文�g中取得数据。在�q�篇文章中，我们��学会怎样�Ҏ��据作更复杂的处理。作��Z��个示例，我们会准备一�l�XML数据�Q�将数据分割成独立的片断�q�以不同的方式展�C��些片断（取决于它们是如何被标识的�Q��?BR>
　　�q�篇文章是徏立在上一��文章中构造的�C�Z��代码的基��之上�Q�所以如果你不能理解我们现在的代码，你可以回�q�头去读�W�一��文章（sheneyan注：��在上面�Q��?BR>
开始～

　　让我们开始我们的�W�一步：构造XML。我们准备写一个XML文档�Q�它�l�织了一�p�d��准备让javascript处理的数据，所以我们将一��L��l�一些节点和子节点（或者，元素和子元素�Q�。在�q�个例子里，我们��用一些家庭宠物的名字�Q?BR>

�?lt;/pet>
�?lt;/pet>
�?lt;/pet>

　　在上面，我们有这个XML声明�Q�标明这个文档是一个XML 1.0 文档�Q��用UTF-8�~�码�Q�，一个根元素�Q?lt;data>�Q�将下面所有的元素�l�合在一��P��一�?lt;pets>元素�l�织了所有的宠物�Q�然后一�?lt;pet>节点对应一只宠物。�ؓ了指定每一只宠物是什么类型的动物�Q�我们在元素中设�|�了文本节点�Q�猫�Q�狗�Q�鱼�?BR>"[url]http://www.w3.org/TR/html4/strict.dtd[/url]">

使用Ajax开发Web应用�E�序 - �C�Z��

使用Ajax开发web应用�E�序

�q�个��面��演�C�如从取回�ƈ处理成组的XML数据。被取回的数据将会以表格形式输出到底下�?BR>查看演示.

�Q�Sheneyan注：完整代码�C�Z��见[url]http://sheneyan.com/html/article/ajax/example_2.html[/url]�Q�XML文�g见：[url]http://sheneyan.com/html/article/ajax/data_2.xml[/url]�Q?BR>
　　你会注意到我们和上次一样以同样的方式（通过一个超链接�Q�调用了�q�个函数�Q�而且我们��数据放入一个DIV�Q�这�ơ这个东东叫做“dataArea”）。这个ajaxRead()函数和上�ơ很接近�Q�除了一点不同：onreadystatechange函数。让我们先看一下这个函敎ͼ�
xmlObj.onreadystatechange = function(){
if(xmlObj.readyState == 4){
processXML(xmlObj.responseXML);
}
}

　　我们取消了updateObj函数�q�用一个叫做processXML()的新函数来代替它。这个函数将得到XML文档本��n�Q�也��是被ajaxRead函数取回的）�q�处理它。（�q�“XML文档本��n”我指的是参数“xmlObj.responseXML”）

　　现在让我们分析一下这个函数processXML。下面是它的代码�Q?BR> function processXML(obj){
var dataArray = obj.getElementsByTagName('pet');
var dataArrayLen = dataArray.length;
var insertData = '';
for (var i=0; i insertData += '';
}
insertData += '

' + 'Pets
' + dataArray[i].firstChild.data + '

';
document.getElementById ('dataArea').innerHTML = insertData;
}

　　首先�Q�我们定义了一些变量。“dataArray”作为所�?lt;pet>节点的数�l�（不是节点数据�Q�只是节点）。“dataArrayLen”是�q�个数组的长度，用于我们的��@环。“insertData”则是一个表格的开头的HTML�?BR>
　　我们的第二步则是遍历所有的元素�Q�通过变量“dataArray”）�q�将数据��d��到变量insertData中。这里我们会创徏一个表��D��Q�插入一个表格数据节�?td)�q�去�Q�再��每一�?lt;pet>元素的文本包含进�q�个表格数据节点�Q��ƈ��这些都��d��q�变量“insertData”。因此，每��@环一�ơ，变量insertData��添加一行包含三个宠物中之一名称的新数据�?BR>
　　新数据行��d��完后�Q�我们插入一个�?lt;/table>”结束标�{�ֈ�变量“insertData”。这完成了这个表��|��然后我只剩这最后一步来达成我们的目标：我们需要将�q�个表格攑ֈ��面上。幸�q�的是，我们得感谢innerHTML属性，�q�很��单。我们通过函数document.getElementById()取得DIV“dataArea”�ƈ��变量“insertData”中的HTML插进厅R��嗯�Q�这个表格冒出来了！

我们�l�箋之前…�?BR>
　　我得指出两点�Q?BR>
　　首先�Q�你会注意到我们�q�没有��用节�?lt;pets>。这事因为我们只有一个数据组�Q?lt;pets>�Q�以及后来所有的元素�Q�每一�?lt;pet>元素�Q�；�q�些子节点包含了不同的数据但它们有相同的名字。在�q�个例子中，�q�个节点能够被忽略。然而，��所有的元素放进元素�q�是比较好，而不是让�q�些元素自己散放�Q�但仍然在data元素里面�Q��?BR>
　　另外一�U�方式是�l�每一个宠物放一个指定的标签�Q�比如：

<�?/>
<�?/>
<�?/>

　　然后我们能够遍历元素里的节点。这个processXML函数看�v来就像这��P��
function processXML(obj){
var dataArray = obj.getElementsByTagName('pets')[0].childNodes;
var dataArrayLen = dataArray.length;
var insertData = '';
for (var i=0; i if(dataArray[i].tagName){
insertData += '';
}
}
insertData += '

' + 'Pets
' + dataArray[i].tagName + '

';
document.getElementById ('dataArea').innerHTML = insertData;
}

�Q�Sheneyan注：修改后的�C�Z��见：[url]http://sheneyan.com/html/article/ajax/example_2_1.html[/url]�Q�XML文�g见：[url]http://sheneyan.com/html/article/ajax/data_2_1.xml[/url]�Q?BR>
　　�q�里所作的修改��是我们指向�?lt;pets>�l�元素（�q�个“[0]”意呌��是第一个，即��它就是唯一的那一个）以及它的子节点（元素<�?/>�Q?lt;�?/>�Q?lt;�?/>�Q�。因为文本元素分割了�q�几个元素（�I�格被认为是一个节点）�Q�我们需要确定只有那些有标签名的节点�Q�嗯�Q�也��是只有标签�Q�通过。然后我们输出每一个标�{��名字。因为每一个标�{�֐�是一个宠物，我们不需要取得每一个节点的数据�Q�节点名本��n已经��_��。去看一下它是怎么工作的吧�?BR>
　　�q�有另外一�U�方式来完成我们上面的工作，��是�l�每一�?lt;pet>节点讄��一个属性倹{��你的XML文档看�v来就像这��P��

'
+ 'Pets';
for (var i=0; i insertData += '' + dataArray[i].getAttribute('type') + '';
}
insertData += '';
document.getElementById ('dataArea').innerHTML = insertData;
}

�Q�Sheneyan注：修改后的�C�Z��见：[url]http://sheneyan.com/html/article/ajax/example_2_2.html[/url]�Q�XML文�g见：[url]http://sheneyan.com/html/article/ajax/data_2_2.xml[/url]�Q?BR>
　　关键的不同在于我们通过dataArray[i].getAttribute('type')取得��|��它返回了当前节点的“type”属性的倹{�?BR>
�l�箋...

　　现在我们已经知道了一些从一个单独的XML数据�l�中取回数据的有效方法，让我们看看如何从多个�l�中取回数据。和只是列出一个pets所拥有的内容不同，我们假设我们有一个针�Ҏ��们宠物的日课表。因为它们都有不同的需要，每一只宠物都得仔�l�的照顾。面对这�U�情况，动物的看��员需要一个每日依据。现在来让我们将�q�些攑օ�一个良好格式的XML�Q?BR>

Cat
Feed
Water
Comb out fleas

Dog
Feed
Water
Put outside

Fish
Feed
Check oxygen, water purity, etc.

　　也许�q�个看�v来很奇怪，但这��是我们正在创徏的子�l?sub-group)。每一�?lt;pet>元素都是一个组的子�l�，而每一�?lt;task>则是每一�?lt;pet>�l�的子元素�?BR>
　　在我�l�箋之前�Q�你也许希望��你的表格用一些css��化一下，比如�Q?BR>

　　�q�让�q�个表格更容易读取。现在让我们�ȝ��I�函数processXML�Q?BR>function processXML(obj){
var dataArray = obj.getElementsByTagName('pet');
var dataArrayLen = dataArray.length;
var subAry, subAryLen;
var insertData = '';
for (var i=0; i insertData += '';
subAry = dataArray[i].getElementsByTagName('task');
subAryLen = subAry.length;
insertData += '';
}
insertData += '

' + 'Pets	Tasks
' + dataArray[i].firstChild.data + '	'; for(var j=0; j insertData += subAry[j].firstChild.data; if( subAryLen != j+1 ) { insertData += ', '; } } insertData += '

';
document.getElementById ('dataArea').innerHTML = insertData;
}

�Q�Sheneyan注：修改后的�C�Z��见：[url]http://sheneyan.com/html/article/ajax/example_2_3.html[/url]�Q�XML文�g见：[url]http://sheneyan.com/html/article/ajax/data_2_3.xml[/url]�Q?BR>
　　新增加的内容�Q�首先是两个新变量的声明�Q�“subAry”和“subAryLen”。它们和之前的变量“dataArray”和“dataArrayLen”类��|��除了它们指向不同的数�l�（特别是它们将指向那些“task”元素－当“dataArray”和“dataArrayLen”指向“pet”元素的时候）�?BR>
　　我们也改变了变量“insertData”的初始��|��我们增加了一个表格头�Q?lt;th>�Q�给我们的“tasks”字�D�c�?BR>
　　下一步改变在于��@环：我们把��D��l�subAry和subAryLen变量。变量subAry成�ؓ当前�?lt;task>元素的数�l�。变量subAryLen成�ؓ�q�个数组的长度，直到�q�个数组发生变化�Q�当外部循环走到下一�?lt;pet>�Ӟ��?BR>
　　我们创徏了一个内嵌的循环来处理所有的元素�Q�一�ơ一个。大概来��_��我们创徏一个新的数据格�Q�放�q�一个用逗号分隔的�Q务列表，然后关闭数据表格以及当前行。尤�Ӟ��q�些元素节点数据�Q��Q务本�w�，比如�Q�“喂食”）攄��入变量“insertData”里的数据格�?BR>
　　接下来，我们��验当�?lt;pet>是否有其它更多的task。如果还有，我们增加一个逗号�Q�，�Q�到变量insertData来让每一个�Q务��用一个逗号分隔�Q�“a, b, c”，而不是“a, b, c,”－注意�Q�最后一个逗号在第二个��d��那里�Q�所以我们不需要）。这个工作在我们取得subAry数组长度的时候（�l��@环的“j”变量加1�Q�就完成了。因��个��@环会在下一个��@环的时候把变量“j”递增1,“j”会比它�q�次��验时�q�多1。因此，如果“j+1”（或者，“当循环再次开始的时候j的值”）�{�于subAryLen�Q�当�?lt;pet>节点�?lt;task>节点数目�Q�，�q�个循环��停止。如果��@环不再运行，我们��׃��再添加新的逗号来分隔�Q务。所以如果“j+1”不�{�于subAryLen�Q�我们直到我们可以安全的加入逗号到“insertData”，��Z��一�?lt;task>作准备�?BR>
　　一旦内循环�l�束�Q�我们关闭task数据��g��及pet行。外部��@环会重新开始创��Z��个新行以及移动到下一�?lt;pet>。这个处理一直进行到所有的元素�Q�以及每一个pet的所�?lt;task>元素�Q�都被处理完�?BR>
有其他方法吗�Q?BR>
　　你也�怼�惻I��“那javascript变得相当复杂了，但它只会随着XML��来��复杂而跟着变复杂，也许我们能够��化XML�Q�然后，��化javascript”。如果你�q�么惻I��很棒�Q�因��Z��完全正确。我之前展示的不同方法之一�Q�我详细说明的那个也许能够成为最合适的。我们怎么使用属性来对应每一只宠物以及相应�Q务？XML看�v来会变成怎样�Q?BR>

　　哇哦�Q�看��h��单多了。让我们看看我们的processXML函数如何修改�Q?BR>function processXML(obj){
var dataArray = obj.getElementsByTagName('pet');
var dataArrayLen = dataArray.length;
var insertData = '';
for (var i=0; i insertData += ''
+ '';
}
insertData += '

' + 'Pets	Tasks
' + dataArray[i].getAttribute('type') + '	' + dataArray[i].getAttribute('tasks') + '

';
document.getElementById ('dataArea').innerHTML = insertData;
}

�Q�Sheneyan注：修改后的�C�Z��见：[url]http://sheneyan.com/html/article/ajax/example_2_4.html[/url]�Q�XML文�g见：[url]http://sheneyan.com/html/article/ajax/data_2_4.xml[/url]�Q?BR>
　　��像你猜的一��P��函数��单多了。因��Z��码变得简单，它也会变得更有效率。和我们比较老的函数的唯一的不同在于这个变量insertData现在插入更多的HTML�Q�尤其是两个新变量“type”和“tasks”。就如我们较早之前所学的�Q�那些属性是我们从XML文档�?lt;pet>元素中取得的�Q�而且每个pet的属性都有不同的倹{��对于你自己修改�q�个XML文�g以适应你的�q�度的变动来说也许是最��单的�Ҏ��。例如，如果你最�l�把你的猫��n上的跌��抓光了，你只要简单从你的猫的每日��d��表中把“减��蟩蚤数量”删除，然而在之前我们使用的XML中，实现��h��也许会觉得糊里糊涂�?BR>
　　最后的XML格式化的�Ҏ��是将两部分�؜合。现在，我们��用属性和不同的标�{�。让我们看一下示例XML�Q?BR>

<�?tasks="喂食, 饮水, 减少跌��数量" />
<�?tasks="喂食, 饮水, 带出去遛�? />
<�?tasks="喂食, ��查氧气，水的�U�度�Q�其�? />

　　�q�也许是最便于理解的XML。让我们分析一下我们�ؓ了让processXML函数�q�作��h��所作的变更�Q?BR>function processXML(obj){
var dataArray = obj.getElementsByTagName('pets')[0].childNodes;
var dataArrayLen = dataArray.length;
var insertData = '';
for (var i=0; i if(dataArray[i].tagName){
insertData += ''
+ '';
}
}
insertData += '

' + 'Pets	Tasks
' + dataArray[i].tagName + '	' + dataArray[i].getAttribute('tasks') + '

';
document.getElementById ('dataArea').innerHTML = insertData;
}

�Q�Sheneyan注：修改后的�C�Z��见：[url]http://sheneyan.com/html/article/ajax/example_2_5.html[/url]�Q�XML文�g见：[url]http://sheneyan.com/html/article/ajax/data_2_5.xml[/url]�Q?BR>
　　“dataArray”现在指向了的子节点�Q�将它们作�ؓ一个数�l�对待（换句话说�Q�dataArray现在是在节点内所有节点的数组�Q�。这事因为每一个标�{�N��不同�Q?lt;�?/>�Q?lt;�?/>�Q?lt;�?/>�Q�，所以我们不能��用这些元素的名称来搜索它们（而之前我们可以��?lt;pet>�Q�因为所有的元素都是�Q��?BR>
　　�q�是一��P��每个节点之间的有�I�格�Q�所以在我们的处理过�E�中得排除掉文本节点。我们能够检验标�{�֐�是否存在�Q�文本节�Ҏ��节点但没有标�{�，�?lt;�?/>�Q?lt;�?/>�Q?lt;�?/>节点都是标签。所以如果一个标�{�有名字�Q�那我们能够��数据插入变量insertData。我们插入的数据是一个表格�ƈ有两个表格数据格。这�W�一个单元格是标�{�֐��Q�也��是宠物的类型（猫，狗或��|��Q�而第二个单元格则是指定动物的“tasks”属性��|��比如“喂食或饮水”）�?BR>
�l�束�?BR>
　　在这��文章里�Q�我演示了这个例子的很多变化�Q�你可以随意试验它们来检验哪个更适合你。只要记住一点，XML是“可扩展的”，所以没有“错误的”方法来�l�合你的数据�Q�虽然经常有一个“最好的”方法。而且�Q�要注意让你的XML保持格式良好。记住很多问题来自于忘记�l�束一个标�{�（比如<�?/>而不�?lt;�?gt;;除非�q�个节点中有数据�Q�比如下面的<�?gt;�q�里有数据哦
　　我意图��XML和javascript的应用不�p�涂而变得明朗。一步步的学习处理更多的数据�Q�你能够��ajax�q�用于更大的用途。我希望看到ajax更多的应用于企业�|�站�Q�及其它。所以如果你��这些知识应用于实践�Q�我很高兴了解到你学��C��什么（mail�Q�[email]jona@slightlyremarkable.com[/email]�Q��?/FONT>

☆蓝色梦想☆ 2005-12-22 15:58 发表评论

java版本的escape和unescape函数

☆蓝色梦想☆ — Thu, 22 Dec 2005 05:40:00 GMT

class EscapeUnescape
{
public static String escape (String src)
{
  int i;
  char j;
  StringBuffer tmp = new StringBuffer();
  tmp.ensureCapacity(src.length()*6);

for (i=0;i {

j = src.charAt(i);

   if (Character.isDigit(j) || Character.isLowerCase(j) || Character.isUpperCase(j))
    tmp.append(j);
   else
    if (j<256)
    {
    tmp.append( "%" );
    if (j<16)
     tmp.append( "0" );
    tmp.append( Integer.toString(j,16) );
    }
    else
    {
    tmp.append( "%u" );
    tmp.append( Integer.toString(j,16) );
    }
  }
  return tmp.toString();
}

public static String unescape (String src)
{
  StringBuffer tmp = new StringBuffer();
  tmp.ensureCapacity(src.length());
  int lastPos=0,pos=0;
  char ch;
  while (lastPos  {
   pos = src.indexOf("%",lastPos);
   if (pos == lastPos)
    {
    if (src.charAt(pos+1)=='u')
     {
     ch = (char)Integer.parseInt(src.substring(pos+2,pos+6),16);
     tmp.append(ch);
     lastPos = pos+6;
     }
    else
     {
     ch = (char)Integer.parseInt(src.substring(pos+1,pos+3),16);
     tmp.append(ch);
     lastPos = pos+3;
     }
    }
   else
    {
    if (pos == -1)
     {
     tmp.append(src.substring(lastPos));
     lastPos=src.length();
     }
    else
     {
     tmp.append(src.substring(lastPos,pos));
     lastPos=pos;
     }
    }
  }
  return tmp.toString();
}

public static void main(String[] args)
{
  String tmp="~!@#$%^&*()_+|\\=-,./?><;'][{}\"";
  System.out.println("testing escape : "+tmp);
  tmp =escape(tmp);
  System.out.println(tmp);
  System.out.println("testing unescape :"+tmp);
  System.out.println(unescape(tmp));
}
}

☆蓝色梦想☆ 2005-12-22 13:40 发表评论

Thinking in AJAX(�?

☆蓝色梦想☆ — Thu, 08 Dec 2005 07:11:00 GMT

此文原出�?A >AJAX Patterns�|�站的一��《Ajax Frameworks》的wiki文章�Q�很早前我就注意刎ͼ�后来在国内也有�h��译了，不过最�q�发现此wiki�q�是在不断添加维护中�Q�截止此文发布前�Q�作者又��d��了好几个新诞生的AJAX开发工��P��所以我军_��重新��译一遍，�q�且时常注意原文发布状态，一有新的内容立马也��译�q�来�Q�做到同�?)

此翻译稿很大一部分内容��国内出现的那个先前版�?/A>�Q�我只是�Ҏ��加入的几��进行了��译�Q��ƈ且对我熟悉的产品��着重介�l�了一下，以后我会抽时间收集文中提到AJAX工具相关的文章，��量��内容介�l�和功能点评做到全面详细炏V��所以请��x��和准备用AJAX做开发的朋友��x��q�篇文章�Q�我会时常更新的。原文因为是�׃��个wiki�pȝ��l�护�Q�所以在所隑օ�出现参差不齐�Q�风��g��也有不统一的情况，��译时我也是参照原文原封不动的挪了过来，以后我会抽时间改良下�?/P>

��译正文

��Z��览器的应用框架一般分��Z��U�：

Aplication frameworks:提供了浏览器功能�Q�但其最著名的还是在于通过�H�口生成�l��g建立桌面GUI�?
Infrastructural frameworks:提供基本的框架功能和��M��式浏览器端操作，让开发者去创徏具体应用�Q�主要功能包括：
- ��Z��XMLHttpRequest�l��g的浏览器交互功能
- XML解析和操作功�?
- �Ҏ��XMLHttpRequest的返回信息进行相应的DOM操作
- 一些特�D�情况下�Q�和其他的浏览器端技术如Flash�Q�或Java Applets�Q�等集合��C��起应�?

��Z��服务器端的应用框枉��常以下面两�U�方式工�?��管它们�Ҏ��不同的语�a��q�行了分�c?

HTML/JS Generation(HTML/JS生成)�Q�通过服务器端生成HTML和JS代码在传递给��览器端�q�行直接�q�行
�q�程交互�Q�JavaScript调用服务器端函数(例如调用Java函数)�q�返回给JavaScript的回调句柄，或者请求服务器端数据信息，例如Session信息�Q�数据库查询�{��?

1. Pure Javascript: Application Frameworks

1.1 Bindows (成立�?003�q?

Backbase是一个通过DHTML、JavaScript、CSS和HTML�{�技术强劲联合�v来的一套完整的Windows桌面式的WEB应用�E�序解决�Ҏ��。Bindows无需下蝲安装客户端支撑组�Ӟ��如Java、ActiveX或Flash�Q�，仅需一个浏览器。纯OO的理念体现在Bindows��M��地方�Q�Bindows或许是笔者见�q�的最完整最强大的AJAX应用�E�序�q�_��?
Bindows是商业程序的�Q��用了来自于MB的技�?总部位于GA USA�Q�主要开发中心在瑞典�Q�成立于2002�q?�?/P>Bindows框架提供的功能和�Ҏ��有�Q?

��Z��面相对象技术的�c�d��API
一套完整的Windows桌面�pȝ��Q�支持各�U�特性窗口模式，包括菜单、表单、表根{��滑动条、测量��A器窗口和其他一些Windows�H�口�Ҏ��支持�?
是开发zero-footprint(零空间占�?SOA客户端应用程序首选工具包
本机的XML�Q�SOAP和XML-RPC支持
单用户到企业�U�开发的支持
内徏的完��的AJAX支持

Bindows开发环境：

支持企业�U�规模的��目开�?
跨浏览器、跨OS�q�_��的支�?
不受服务器结构限�?
良好的与新的、现有的资源互操作�?
�l�一的开发接�?

1.2 BackBase (成立�?003�q?

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

1.3 DOJO (开发中,成立�?004�q?�?

DOJO提供完整的轻量��H�口�l��g和浏览器-服务器消息映��支�?/P>

提供创徏自定义Javascript�H�口�l��g的框架支�?
预制的丰富的�H�口�c�d��?
B/S消息映射支持——XMLHttpRequest和其他机�?
支持��览器中的URL操纵功能
开源许�?Academic Free License 2.1)�Q�由JotSpot�?A >Alex Russell所领导�?

1.4 Open Rico (开发中;成立�?005�q?�?��Z��早期的一个proprietary 框架)

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

一个XMLHttpRequest response能被一个或多个的DOM对象�Q�或者Javascript对象调用�?
支持拖拽操作
支持��Z��AJAX的动��L��式，如羃攑֒�变换�{?
��Z��Behaviors的操作库
使用指南�Q�由RussMirimar的Yonah提供
开源。源于Sabre航空公司解决�Ҏ��Q�由Bill Scott�Q�Darren James及另外一些�h�l�护�?

1.5 qooxdoo (开发中; 成立�?005�q?�?

qooxdoo�Q�是另一个发展迅猛的应用框架�Q�提供广泛的UI支持�Q�正在开发基��架构�{�特性�?

基础�l�构�Ҏ��：
- 能轻易的捕获和操�U�DOM事�g
- 支持调试
- 支持一个时间操作的Timer�c?
- Getter/Setter支持
UI:
- �H�口�l��g库和框架
- 界面布局��理
- 囑փ��~�存和透明PNG囄��处理
开�?LGPL).

1.6 Tibet (开发中; 创徏�?005�q?�?

Tibet提供了大量的易移植和完整的JavaScript API�Q�通过�q�些可以快速生成大量的客户端代码，Tibet自称是企业��AJAX�?/P>

�q�程脚本调用��装在XMLHttpRequest�?
URI支持
支持所有的HTTP事�g�Q�不再仅仅是GET和POST
低��的协�?File://和WebDav也可以当作HTTP正常使用
Web Services调用支持�Q�包括SOAP、XML-RPC�{�等
大型的Javascript对象�?
多种多样的XML操作支持
IDE和开发工�?
开源协�?OSI)

1.7 AJFORM (创徏�?005�q?�?

AJFORM是一个极易上手的AJAX框架�Q�被用来�~�写入门�U�的AJAX代码�Q�提供有以下功能�Q?/P>

三步安装
自动支持��L��HTML表单元素
几乎无需�~�码卛_��实现AJAX

2 Pure Javascript: Infrastructural Frameworks

2.1 AjaxCaller(创徏�?005�q?月，目前是Alpha�?

AjaxCaller是一个具有多�U�程安全讉K��的XMLHttpRequest�l��g�Q�主要针对Ajax开发新手，目前仍处于alpha开发阶�D�，仅在AjaxPatterns的在�U�搜索范例中使用了这个程序�?

用明文或者XML�l�构的数据实现和服务器的交互(GET/POST/PUT/DELETE)
支持XMLHttRequest对象的构�?销毁对象，C++支持内存对象的构析操�?
支持Response的高速缓�?��在计划�?
��单的库文件代码易于新手学习��用，�q�且支持脚本调试
开源协�?

2.2 Flash JavaScript Integration Kit

The Flash JavaScript Integration Kit可以使Flash和Javascript脚本实现�怺�集成�?/P>

可以实现在JavaScript中调用Flash ActionScript脚本�Q�反之亦然�?
几乎支持双方主要数据�c�d��的在不同环境中的传递调用�?
开源协议，有几个Flash开源爱好者维护�?

2.3 Google AJAXSLT (2005�q?月发�?

Google AJAXSLT�Q�是一个Javascript框架�Q�用来执行XSLT转换以及XPath查询�?/P>

目前在Google Map上就使用了这个�?
开源协�?BSD)

2.4 HTMLHttpRequest(Beta版；创徏�?005�q?

HtmlHttpRequest最大的特点��是�q�用XMLHttpRequest对象和标准HTML标签IFrame来实现最大限度的跨浏览跨�q�_��的AJAX支持�Q�其原理是在支持XMLHttpRequest的浏览器上调用XMLHttp�Q�如果不支持�Q�就用IFrame来模拟实现异步交互�?/P>

目前支持的浏览器�Q�IE6/Win, IE5.5/Win, IE5/Win, IE4/Win, Mozilla/Win, Opera7/Win, Safari/Mac, IE5/Mac
��未��试的浏览器�Q�IE4/Mac, Mozilla/Mac, Opera/Other, Konqueror/Linux�?
开源协�?LGPL)

2.5 Interactive Website Framework (创徏�?005�q?

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

实现了线�E�安全的XMLHttpRequest
对XML Document�q�行��装�Q�以便创建更��h��可读性的代码�Q?BR>
var node = doc.groceries.frozen[0].pizza[0].size;
��装后的数据��d��
var node = doc.documentElement.firstChild.firstChild.getAttribute("size");
原始的DOM操作��d��
开源协�?

2.6 LibXMLHttpRequest (2003�q?月发�?

libXmlRequest是一个小型XMLHttpRequest��装�?/P>

用getXML()和postXML()两个事�g��化XMLHttpReuqest调用
支持XMLHttpRequest对象�?
Response�~�存处理
源码可以使用�Q�但是有版权保护�?

2.7 MAJAX

MAJAX是另一个非常小巧的HttpRequest��装包，为收发字�W�型信息提供��单接口，�q��ؓ每步动作讄��回调界面�?/P>

2.8 RSLite (x)

RSLite是一个XMLHttpRequest��装�l��g�Q�作为Brent Ashley的JSRS(JavaScript Remote Scripting)其中的一部分功能单独发布。详情可以看JSRS的介�l?/P>

2.9 Sack(开发中�Q�成立于2005�q?�?

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

2.10 Sarissa (发布�?003�q?�?

Sarissa是一个JavaScript API�Q�封装了在浏览器端独立调用XML的功能�?/P>

可移植的XMLHttpRequest对象创�?
可移植的XPath查询
可移植的DOM操控
可移植的XSLT
可移植的XML序列�?
开源协�?GPL2.0和LGPL2.1)

2.11 XHConn (2005�q?月发�?

XHConn也是一个小型的XMLHttpRequest��装库。笔者也使用改良�q�的XHConn�Q�其特点��是调用��单，代码也清晰易诅R�?/P>

例子�Q?
new XHConn().connect("mypage.php"�Q?POST"�Q?foo=bar&baz=qux"�Q�fnWhenDone);
开源协议许�?

3 Server-Side: Multi-Language

3.1 Cross-Platform Asynchronous INterface Toolkit (2005�q?�?

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

支持PHP和ASP
所有功能函数都在统一的JavaScript文�g�?
支持�q�程脚本和XML
支持本地和远�E�函数调�?
可以创徏单个或多个XMLHttp对象
�q�回�l�后台的数据卛_��以是文本也可以是XML/DOM文档对象
支持POST和GET
用服务端代理的方式实现远�E�函数和数据的访问操�?
大部分浏览器中测试正�怋��?
在GNU、GPL、LGPL开源协议保护下发行

3.2 SAJAX (2005�q?�?

SAJAX的实现方式很独特�Q�例如：调用一个javascript�Ҏ��x_calculateBudget()�Q�将先把响应传到服务器�ƈ调用一个Java calculateBudget()�Ҏ��Q�然后以javascript方式把��D��回到x_calculateBudget_cb()中。SAJAX的名气不错，估计很多人都听过甚至用过�Q�不�q�缺点就是它的这套映��理论感觉较�J�锁�Q�远不如一些轻量��的封装库好用�Q�不�q�SAJAX最大的特点��是支持的��^��C��富，几乎囊括了WEB下常用的�~�程语言和��^�?/P>

很方便从JavaScript函数映射到服务端代理操作
支持多种�q�_��(ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby)
开源协�?

3.3 Javascipt Object Notation (JSON) and JSON-RPC

JSON-RPC是一�U�远�E�交互协议，�c�M��于XML-RPC�Q�对JavaScript支持较强

支持多服务端�q�_��: Java, Python, Ruby, Perl.
针对不同的��^台有不同的包和许可协�? �?A >JSON-RPC-Java.

3.4 JavaScript Remote Scripting(JSRS)(2000�q?

JSRS�Q�较�l�典的远�E�脚本访问组�Ӟ��支持��客��L��数据通过服务器做代理�q�行�q�程的数�?操作交互�?/P>

支持的浏览器�Q�IE4+�Q�NS4.x�Q�NS6.x�Q�Mozilla�Q�Opera7和Galeon�?
服务器端脚本语言支持�Q�ASP�Q�ColdFusion�Q�PerlCGI�Q�PHP,Python和JSP(servlet)�?
开源协议。由Brent Ashley提供支持�?

3.5 Bitkraft for ASP.NET

Bitkraft是个��Z��(.NET)Web框架的CLR(公共语言�q�行�?�Q�允许用独特的方式创建和操作分布式Web内容。用C#�~�写�Q�运行在微��Y�?NET 1.1和Mono框架下，无缝式的客户�?服务器响应方式是它的最大特炏V��Bitkraft没有使用XML�l�织数据�Q�而是用JSON代替�?/P>

支持的浏览器�Q?IE5+, Firefox1+, NS6
服务器端要求�Q�ASP.NET, Mono XSP, Cassini, Apache (modMono) .NET Framework 1.1+
事�g驱动
支持同步和异步的�q�程代理
客户端支持所有的.NET�c�d��或自定义�c�d��象映��到JSON�?
用JSON取代XML
免费�Q�开源许可协�?

4 Server-Side: Java

4.1 WebORB for Java (2005�q?�?

WebORB for Java是一个开发AJAX和基于Flash的富客户端应用程序的开发��^台�?A >在线例子

WebORB包括一个富客户端开发类库。提供简单的在线式API用来�l�定或者调用�Q何Java对象、XML Web Services和EJB
支持异步或同步的事�g驱动
不需要在服务端修改�Q何代码，不需要自定义�Ҏ��或属性、变量等。不要求设计时指定代理等�?
同步调用不需要回调，异步调用需要一个回调方法�?
客户端可以向服务端请求指定的�z�d��方式�Q�不需要�Q何编�E�就可以把处理结果轻易的转变为状态�?
提供一个特定API来处理数据库查询�l�果-服务器代码能�q�回DataSet或者DataTable�Q�而客��L��以一个类��g��RecordSet的JavaScript对象来显�C��个结果。该对象提供��索列名和行数据的�Ҏ��?
支持数据分页技术。客户应用程序能��索页面中的数据�?
支持以参数的方式�q�回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references
目前有两个版本：标准�?免费)�Q�专业版(商业许可)

4.2 Echo 2 (2005�q?�?

Echo 2允许你用�U�Java语言�~�写AJAX�E�序�?Demo.

自动生成HTML和Javascript代码
用XML在客��L��-服务端传递消�?
如果愿意支持自定义Javascript�l��g
开源协�?Mozilla Public License or GNU LGPL)

4.3 Direct Web Remoting (DWR) (2005)

Direct Web Remoting可以在Javascript代码中直接调用Java�Ҏ��的应用框�?/P>

�c�M��于SAJAX�Q�可以把Javascript中的��h��调用转递到Java�Ҏ��中�ƈ��执行结果返回给Javascript
可以和�Q何Web框架一起��用，如Struts、Tapestry�{�等
开�?Apache)�Q�目前该产品被加入到WebWork�?

4.4 SWATO (2005)

SWATO是一套可重用的和良好集成的Java/JavaScript库，它实��C��一�U�更�Ҏ��的方式来改变你的web应用�E�序的交互，通过AJAX方式实现�?/P>

服务端Java库可以非常容易的部��v到所有Servlet2.3+兼容的容器中
客户端Javascript库可以在所有支持XMLHttpRequest的浏览器中��?
使用JSON技术在服务端组�l�POJO数据�Q�这样你可以在�Q何Javascript环境�?HTML、XUL、SVG)讉K��q�些�q�程数据�Q�这�U�方式很�Ҏ��通过��编码或者某�U�成熟的Javascript库集成到当前应用�?
提供一个简单接口��你能在Javascript中调用远�E�的POJO数据
使用�?lt;filter>灉|��的在web.xml中进行配�|�，�q�且可以集成(不是必须)��C��的Spring框架�?
提供了几个可帮助你快速开发web应用�E�序的组�?如自动完成的文本框，在线表单�Q�在�U�列表等�{?

4.5 AJAX JSP Tag Library

The AJAX JSP Tag Library是一�l�JSP标签库，用来AJAX�E�序开发。可以在J2EE下无需Javascript��p��L��开发AJAX模式的Web Form。标�{�ֺ�为比较通用的AJAX功能提供�?个标�{�：

autocomplete: 用户在文本框中输入字�W�，自动从指定的数据中匹配用戯��入的字符�Q�类��g��Google Suggest
callout:可以为A标签加入气��式的消息提示框，不过是实时的服务端取出数�?
Select/dropdown:�c�M��于联动菜单，比如地州市的联动下拉�?
toggle:开关闸按钮�Q�比如在一个hidden表单域中存储true和falsh�Q�同时显�C�相应的img囑փ�
update field:更新数据�Q�也��是无刷新提交了�?

4.6 AJAX Java Server Faces Framework

The AJAX-JSF用来把�Q意的JSF应用�E�序转变为AJAX应用�E�序

例子�Q�AJAX�l��g�?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�q?�?

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

WebORB包括一个富客户端开发类库。提供简单的在线式API用来�l�定或者调用�Q�?NET对象、XML Web Services
支持异步或同步的事�g驱动
不需要在服务端修改�Q何代码，不需要自定义�Ҏ��或属性、变量等。不要求设计时指定代理等�?
同步调用不需要回调，异步调用需要一个回调方法�?
客户端可以向服务端请求指定的�z�d��方式�Q�不需要�Q何编�E�就可以把处理结果轻易的转变为状态�?
提供一个特定API来处理数据库查询�l�果-服务器代码能�q�回DataSet或者DataTable�Q�而客��L��以一个类��g��RecordSet的JavaScript对象来显�C��个结果。该对象提供��索列名和行数据的�Ҏ��?
支持数据分页技术。客户应用程序能��索页面中的数据�?
支持以参数的方式�q�回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references
目前有两个版本：标准�?免费)�Q�专业版(商业许可)

6.2 Ajax.NET (2005�q?�?

Ajax.NET是首家支持各�U�方式通过Javascript讉K��服务�?net的免费库

�c�M��于SAJAX�Q�能把Javascript��h��发送到.NET�Ҏ��Q�服务端回传�l�Javascript�Q�甚臛_��括串行化自定义类�?
可以在Javascript中访问Session和Application数据
�~�存查询�l�果
免费使用源代�?
无需更改源代码，允许�l�Ajax.NET��d��和修�Ҏ��法和属�?
所有类支持Javascript客户端返回数据，可以在JavaScript中��用DataSet�Q�res.Tables[0].Rows
使用HtmlControls�l��g讉K��和返回数�?
��面无需重蝲�Q�用事�g代理(数据讉K��?
因�ؓ只提供一个调用接口方法，所以服务端CPU占用非常��?

6.3 ComfortASP.NET (2005�q?�?

ComfortASP.NET可以让开发者在�U?NET下开发类似AJAX(DHTML,JavaScript,XMLHttp)�Ҏ��的应用�E�序�?/P>

快速应�{?
减少HTML传输
减少��面重蝲
无闪烁的��览器内�Ҏ��?
AJAX用户体验�Q?

6.4 AjaxAspects (2005�q?�?

AjaxAspects是个可以用Javascript调用服务端WebService事�g的引�?/P>

用标准的SOAP和WSDL�q�行服务�?客户端通信
用简单的�c�d��和XML对象支持带参数的�q�回�?
�~�存支持
动作队列
免费使用�Q�开源协�?

7 Server-Side: PHP

7.1 AjaxAC (2005�q?�?

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

所有的功能集成在自包含的类�?另外附带一些Javascript�?
调用PHP文�g或者HTML��面非常��易，只需创徏App�c�d��把类引用传递给需要调用的Javascript对象或者HTML元素卛_��?
捕获Javascript事�g
可以自定义配�|�数据，�q�且支持�q�行时参数更�?
无需再Javascript代码中夹杂凌��q��Html代码�Q�所有事仉��是被动态附加上�?
�׃��以上两个优点�Q�所以支持良好的模版引擎
�Ҏ��Hook到PHP�c�d��MySql数据已返回给自己的request
能够�Ҏ��的用Javascript建立�H�口模式应用�E�序�?

7.2 JPSpan

JPSPAN通过Javascript直接调用PHP中的函数�?/P>

�q�行了严谨的单元��试
开源许�?PHP)

7.3 XAJAX

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

支持用Javascript调用PHP脚本
开源许可协�?

8 Server-Side: Ruby

8.1 Ruby On Rails

Ruby On Rails是一个支持AJAX的完整Web框架�Q��用Ruby语言�~�写�Q�严格按照MVC�l�构开发�?/P>

当Ajax出现的时候Rails�q�处于其发展的早期，因此Ajax可能逐渐成�ؓRails框架的核心�?
生成��览器中大多�?全部的Window应用�l��g和动�ȝ��Javascript脚本�?
支持服务器端调用�?

☆蓝色梦想☆ 2005-12-08 15:11 发表评论

Thinking in AJAX(�?

☆蓝色梦想☆ — Thu, 08 Dec 2005 07:10:00 GMT

一、AJAX最值得�U�赞的是异步交互�Q�而不是无��h��

很多人都看好AJAX无刷新的技术，以至于认同AJAX��是用来做无��h��的。这个认识是错误的，什么是无刷斎ͼ�无刷新就是页面无需重蝲�Q�那什么又是异步交互？异步交互��是一个简单的多线�E�，当你在一个blog里看文章�Ӟ��同时也可以利用AJAX�q�行无刷新的回复提交�Q�看��h��虽然也是无刷斎ͼ�但这里最重要的是异步�Q�即你能一边看文章�Q�一边又能向服务器提交你的回复信息，利用好这个异步，才能��是掌握了AJAX的精髓。很多场合，无刷新是呈现�l�用��L��视觉体验�Q�而异步交互却是默默无�ȝ��工作在台后，�q�种情况��D��大多��C�h的错误理解了AJAX的权重之分�?/P>

二、推荐在WEB上轻量��的应用AJAX

著名的图片存储网�?A >Flickr利用AJAX可谓出神入化。我之所以这么说�Q�是因�ؓ我认为Flickr��q��AJAX的利与弊�Q��ƈ且牢牢抓住自��q��|�站的功能特点，�q�没有因AJAX而AJAX�Q�而是枉��于技术至上，让AJAX融于�|�站之中�Q��ؓ�|�站提供了更好的功能服务。如Flickr中无论是在多囑ֈ�表页面还是单图详�l�页面，修改囄��的标题和描述都应用了AJAX技术，让用��h��需跌��{到单独的�~�辑��面中，�~�辑后单��M��存，亦��用了异步交互的方式进行数据提交，�q�时�Q�页面上昄��一个Loading字符外，其他部分不受��M��影响�Q�可谓太贴心的服务�?

再如��Z��Tag的专业Blog搜烦服务�?A >Technorati也��用了AJAX�Q�在搜烦某个Tag�Ӟ��面��d��部分会即��L��C�所有Technorati数据库中查询到的数据条目�Q�在左边的侧�Ҏ��上会昄��两个Loading图标�Q�过一会儿�Q�这两个Loading��׃��昄��具体的内容了�Q�显�C�的是此Tag相关的Flickr的图片和书签服务�|�站(Furl&del.icio.us)的链接，因�ؓ�q�两部分内容是取自其他网站，如果由服务器�l�一先取得数据在一同显�C�到��面�Ӟ��会受到网速媄响而变慢，通过AJAX的异步交互方式首先立��x��C�本地数据，然后由客��L��d��Flickr、Furl、del.icio.us打交道分别取得它们的数据�Q�即节约了流量带宽又不媄响用戯��问速度�Q�可谓高明�?

通过以上两个国外成功应用AJAX的网站，我们发现他们都��用的是轻量��的AJAX�Q�就是那�U�交互简单，数据较少的操作。这也符合AJAX的本意，虽然�?A >www.backbase.com�?A >bindows都在RIA上有惊�h的表现能力，但是速度慢�?A title=google对backbase的站内搜索只�?99��，其中很多都是无关紧要的页�?>搜烦引擎支持不好、开发难度大�{�毛病还是无法让用户满意的，误��住：AJAX的最�l�目的是��Z��提高用户体验�Q��ؓ了方便用户交互，而不是因技术而技术的�?/P>

三、AJAX的MVC架构设计

很多��为在成熟的框架中应用AJAX会破坏框架的完整性，比较常见的说法有三层架构的WEB应用中破坏MVC模式�Q�其实不然。MVC的理论我��׃��多说了，�l�典的那三个层、五条线大家都很熟悉�Q�在WEB应用中，因�ؓ��览�?服务器固有的�q�种��h��/响应的断开式网�l�通讯模式�Q�决定了在Model层无法实��C��动向View层发出数据更��C��Ӟ��所以一般常见的成熟MVC框架中都��经典MVC理论�E�作修改�Q�由Model层处理完业务后通知Control层，然后由Control层承担向View发送数据更新的义务。但是AJAX天生��h��监听功能�Q�AJAX实现异步响应的那个OnReadyStateChange事�g��具有在客户端程序中才会有的事�g监听功能。现在想来，利用AJAX实现的MVC模型有如下图�q�样�Q?BR>
理想化的设计如下所�C�：

三层对应的文件对象：view.jsp(视图)、action.do(控制�?、model.java(模型)
view.jsp是用��L��到的界面�Q��ƈ通过内置的AJAX对象异步方式�l�action.do发送请求，AJAX.OnReadyStateChange开始监�?
action.do接收到view.jsp发过来的��h��(GET或者POST方式)�Q�通过Request判断后发送给相应的业�?数据模型model.java
model.java开始执行业务操作，执行完毕直接�l�view.jsp��面发送数据更新的通知�Q�这个通知的消息有可能是XML��装的数据，也有可能是一�D�|��本，甚至是一�D�HTML代码�Q�当�Ӟ��既然用MVC�Q�不推荐有Model发送HTML�Q�推荐还是用XML��装业务数据卛_��?
view.jsp��面中AJAX对象的OnReadyStateChange接收��C��数据更新通知�Q�根据实际情�는�DOM�q�行��面呈现更新�?

通过以上几步一气呵成，一个典型的��Z��MVC的三层交互就完成了。当�Ӟ��熟悉WEB下的MVC框架的用��P��如熟悉Struts的Java开发�h员可能不习惯由Model层给View直接发送数据更新通知�Q�那�׃��也可以�{变一下，Model层业务处理完毕将更新通知先发送给Control�Q�由Control去通知View亦可�?img src ="http://m.tkk7.com/zlsunnan/aggbug/22984.html" width = "1" height = "1" />

☆蓝色梦想☆ 2005-12-08 15:10 发表评论

Thinking in AJAX(一)

☆蓝色梦想☆ — Thu, 08 Dec 2005 07:09:00 GMT

众所周知�Q�异步交互、JavaScript脚本和XML��装数据是AJAX的三大特征。其实，在实际应用中�Q�不需要牢牢套死这三条大律�Q�在我看来，AJAX - X�Q�即��L��用XML��装数据�Q�也不失��Z��U�好的设计思�\�Q�如果应用恰当，更显�ȝ��步伐和��y妙思�\�?/P>

一般读取AJAX�q�回的XML�l�构的数据时使用XMLHttp的responseXML对象属性，同时�Q�XMLHttp也提供了另外一个属性，即ResponseText�Q�通过�q�个属性，XMLHttp可以接受来自服务器的文本�l�构的字�W�串信息。去掉XML的AJAX可以使用ResponseText�q�个对象属性，很灵�zȝ��操控�q�回数据的格式，可以自定义格式，比如我通常喜欢用c语言的那�U�文件流方式定义�q�回的字�W�串�l�构�Q�有文�g头和具体的文件信息实体，文�g头分为状态信息以及文件字�W�长度，我摒弃了文�g字符长度的定义，规定��L��受的ResponseTex字符串中的第一位�ؓ状态码�Q�比如设定常量�?表示一��h��常，�?的数字表�C�Z��正常�Q�甚��x��错误�{�。如果有�?��|��E�序自动取第二位起到257�?长度�?56)的字�W�串�l�成为状态信息，�?58位开始到末尾的字�W�串��是服务器返回的正常�l�果信息�?BR>substring(0,1)取状态码
substring(1,256)取服务器错误信息(错误信息不够256位用�I�格补齐�Q�取到数据后�q�行Trim处理)
substring(256,末尾)取服务器�q�回的数据信�?BR>三次substring卛_��成了一个简单但完整的交互工作。比起XML解析�l��g来说要快的多�?/P>

用ResponseText比封装�ؓXML处理数据快和��单是一个原因，另一个原因是可操控性更大更灉|��Q�打开Google Suggest�Q�在搜烦框输入字�W�可以给你给出拼写提�C�，Suggest��是应用了AJAX技术，不过它在从服务器�q�回数据时�ƈ没有使用XML��装�Q�也没有自定义ResponseText格式�Q�而是直接��返回代码组�l�成js脚本�Q�通过��览器返回后直接执行�Q�如eval(XMLHttp.ResponseText)�q�样的方式进行执行，http://www.google.com/complete/search?hl=en&js=true&qu=ajax 通过�q�个链接你可以看到Suggest利用AJAX得到的返回数据，此页面是在Google Suggest的搜索框中输�?AJAX"后得�pȝ��动态返回的数据�?/P>

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(""));

��览器段拿到�q�段代码后直接eval��可以了�Q�至于sendRPCDone�q�个函数�Q�那当然得实现定义后�q�装载到��面中啦。XMLHttp�q�个名字以XML开��_��让很多�h��锢了思想和创意，完全抛弃X�Q�你也可以做出纯AJAX的实例来�?

当然�Q�对于大型系�l�来�Ԍ��Z��保持数据接口的一致和整齐�Q�还是用XML来传递更严�}更统一点，听说微��Y已经发�v了重写XML Parse�l��g的号召，估计下一个版本的XMLHttp�q�是DOMParser�q�是MSXML2.DOMDocument都会大大提高效率�Q�减��资源占用的�?/P>

☆蓝色梦想☆ 2005-12-08 15:09 发表评论

☆蓝色梦想☆ — Thu, 08 Dec 2005 02:32:00 GMT

传统�?我们��览�|�页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能昄��出来.
但是,对于一些时效性很强的�|�站.传统的这�U�做法是不能满��?
我们可以让程序自动刷�?定时向服务器��h��数据.5�U�取一�ơ数�?10�U�取一�ơ数�?
利用XMLHTTP发出��h��q�取得数�?传到客户�?客户端重新组�l��ƈ昄��数据.

demo.htm 前台昄��.

num1

num2

Server.asp 后台��d��数据

<% @Language="JavaScript" %>
<%
function OpenDB(sdbname)
{
/*
*--------------- OpenDB(sdbname) -----------------
* OpenDB(sdbname)
* 功能:打开数据库sdbname,�q�回conn对象.
* 参数:sdbname,字符�?数据库名�U?
* 实例:var conn = OpenDB("database.mdb");
*--------------- OpenDB(sdbname) -----------------
*/
var connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(sdbname);
var conn = Server.CreateObject("ADODB.Connection");
conn.Open(connstr);
return conn;
}
var sResult = new Array();
var oConn = OpenDB("data.mdb");
//�Ҏ��字符�Q?,%,&,=,?�{�的传输解决办法.客户端字�W�是�l�过escape�~�码�?BR>//所以服务器端先要经�q�unescape解码.
//Update:2004-6-1 12:22
var sql = "select num1,num2 from nums order by id";
var rs = oConn.Execute(sql);
while(!rs.EOF)
{
//一条记录用"###"隔开.每列数据�?@@@"隔开. �q�是以只有两个列数据的情�?
sResult[sResult.length] = rs("num1").Value + "@@@" + rs("num2").Value
rs.MoveNext();
}
//escape解决了XMLHTTP。中文处理的问题.
Response.Write(escape(sResult.join("###")));
%>

数据库data.mdb
�?nums
id,自动�~�号
num1,文本
num2,文本

��试数据

id      num1    num2
1       20.70   20.810
2       10.5    20.5
3       12.3    300
4       132     323
5       563     56
6       20      10

利用XMLHTTP实现的二�U�连动Select
利用XMLHTTP无刷新添加数据之Post��?/A>

利用XMLHTTP无刷新添加数据之Get��?/A>

☆蓝色梦想☆ 2005-12-08 10:32 发表评论

亚洲香蕉免费有线视频,亚洲日韩欧洲无码av夜夜摸,亚洲人成高清在线播放

自动提示效果

使用Ajax开发web应用�E�序

使用ajax开发web应用�E�序

使用Ajax开发web应用�E�序

java版本的escape和unescape函数

Thinking in AJAX(�?

���译正文

目录

1. Pure Javascript: Application Frameworks

1.1 Bindows (成立�?003�q?

1.2 BackBase (成立�?003�q?

1.3 DOJO (开发中,成立�?004�q?�?

1.4 Open Rico (开发中;成立�?005�q?�?��Z��早期的一个proprietary 框架)

1.5 qooxdoo (开发中; 成立�?005�q?�?

1.6 Tibet (开发中; 创徏�?005�q?�?

1.7 AJFORM (创徏�?005�q?�?

2 Pure Javascript: Infrastructural Frameworks

2.1 AjaxCaller(创徏�?005�q?月，目前是Alpha�?

2.2 Flash JavaScript Integration Kit

2.3 Google AJAXSLT (2005�q?月发�?

2.4 HTMLHttpRequest(Beta版；创徏�?005�q?

2.5 Interactive Website Framework (创徏�?005�q?

2.6 LibXMLHttpRequest (2003�q?月发�?

2.7 MAJAX

2.8 RSLite (x)

2.9 Sack(开发中�Q�成立于2005�q?�?

2.10 Sarissa (发布�?003�q?�?

2.11 XHConn (2005�q?月发�?

3 Server-Side: Multi-Language

3.1 Cross-Platform Asynchronous INterface Toolkit (2005�q?�?

3.2 SAJAX (2005�q?�?

3.3 Javascipt Object Notation (JSON) and JSON-RPC

3.4 JavaScript Remote Scripting(JSRS)(2000�q?

3.5 Bitkraft for ASP.NET

4 Server-Side: Java

4.1 WebORB for Java (2005�q?�?

4.2 Echo 2 (2005�q?�?

4.3 Direct Web Remoting (DWR) (2005)

4.4 SWATO (2005)

4.5 AJAX JSP Tag Library

4.6 AJAX Java Server Faces Framework

Server-Side: Lisp

5.1 CL-Ajax

6 Server-Side: .NET

6.1 WebORB for .NET (2005�q?�?

6.2 Ajax.NET (2005�q?�?

6.3 ComfortASP.NET (2005�q?�?

6.4 AjaxAspects (2005�q?�?

7 Server-Side: PHP

7.1 AjaxAC (2005�q?�?

7.2 JPSpan

7.3 XAJAX

8 Server-Side: Ruby

8.1 Ruby On Rails

Thinking in AJAX(�?

一、AJAX最值得�U�赞的是异步交互�Q�而不是无��h��

二、推荐在WEB上轻量��的应用AJAX

三、AJAX的MVC架构设计

Thinking in AJAX(一)

利用XMLHTTP无刷新添加数据之Get��?/A>

��译正文