|
Ajax
行使JavaScript框架最令人佩服的来由是跨赏识器的尺度化Ajax哀求。Ajax哀求是异步的HTTP哀求，向处事器端剧本发送哀求，然后获得一个相应功效，如如XML、JSON、HTML、纯文本名目标数据。大大都JavaScript框架有必然情势的Ajax哀求工具，它接管一系列选项作为参数。这些选项包罗回调函数，在获得Web处事器的相应时挪用，ExtJS、MooTools和Prototype的Ajax哀求看起来是这样的：
清单11：一个ExtJS 库中的Ajax哀求
Ext.Ajax.request({
url: 'server_script.php',
params: {
name1: 'value1',
name2: 'value2'
},
method: 'POST',
success: function(transport) {
alert(transport.responseText);
}
});ExtJS接管一个参数，包罗url、params、method 和succcess处理赏罚函数等字段，url字段包括处事器端剧本的地点，被Ajax哀求挪用。Params自己就是一个工具，由键/值对构成，然后转达随处事器。method 字段有两个可选值：GET或POST，默以为post要领。最后一个字段是succcess，在处事器获得乐成相应后挪用。该例中，假定处事器端返回纯文本，这个文本通过alert()要领泛起给用户。
接下来，让我们进一步切磋MooTools中 Ajax的哀求。
清单12：MooTools中的Ajax哀求
new Request({
url: 'server-script.php',
data: {
name1: 'value1',
name2: 'value2'
},
method: 'post',
onComplete: function(response) {
alert(response);
}
}).send();正如你望见，MooTools与ExtJS很相似。你会留意到，变量通过data字段转达，要领字段必要小写。另外，与success处理赏罚函数差异，MooTools行使onComplete函数。最后，与ExtJS差异，MooTools现实上用Request的send()函数发送哀求。
最后，让我们看看Prototype 有哪些明明的差异。
清单13：Prototype 中的Ajax哀求
new Ajax.Request('server-script.php', {
params: {
name1: 'value1',
name2: 'value2'
},
method: 'post',
onSuccess: function(transport) {
alert(transport.responseText);
}
});看看，Prototype以同样的方法事变，但语法小有差别。对付初学者来说，原型的Request工具接管两个参数转达给结构函数。第一个参数是发送哀求的URL地点，正如你在前面两个例子看到的那样，第二个参数是一个工具，包括各个Ajax哀求的选项。虽然，URl作为一个单独的参数转达，他不在选项列表中。其它，值得留意的是，与MooTools差异，Prototype 工具的结构函数隐式的发送哀求，以是不必要挪用任何要领触发HTTP哀求。
大大都JavaScript框架对Ajax的支持已经逾越了我这里所说的。一些明明的加强成果包罗在接到相应后自动更新元素，而无需任何非凡的onSuccess 函数。一些库已经预先构建了自动完乐成能，正如你在google搜刮引擎看到的那样，在键入时给你一些查询提议。
在接下来的章节中，您将相识到JavaScript框架给络开拓者带来的用户体验（UE）的晋升。
转载地点：http://www.denisdeng.com/?p=729
原文地点：http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html （编辑：湖南网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
