在这一部分我们写了一个小小的ajax应用，它能够rate一些东西（译keel注：就是对某些东西投票），就像在youtube.com上面看到的一样。
首先我们需要一些服务器端代码，这个例子中用到了一个php文件，读取rating参数然后返回rating总数和平均数。看一下rate.php代码.
虽然这些例子也可以不使用ajax来实现，但显示我们不会那么做，我们用jquery生成一个div容器，id是"rating".$(document).ready(function() {
// generate markup
var ratingmarkup = ["lease rate: "];
for(var i=1; i ratingmarkup[ratingmarkup.length] = "" + i + " ";
}
// add markup to container and applier click handlers to anchors
$("#rating").append( ratingmarkup.join('') ).find("a").click(function(e) {
e.preventdefault();
// send requests
$.post("rate.php", {rating: $(this).html()}, function(xml) {
// format result
var result = [
"thanks for rating, current average: ",
$("average", xml).text(),
", number of votes: ",
$("count", xml).text()
];
// output result
$("#rating").html(result.join(''));
} );
});
});这段代码生成了5个链接，并将它们追加到id为"rating"容器中，当其中一个链接被点击时，该链接标明的分数就会以rating参数形式发送到rate.php，然后，结果将以xml形式会从服务器端传回来，添加到容器中，替代这些链接。
如果你没有一个安装过php的webserver，你可以看看这个在线的例子.
不使用javascript实现的例子可以访问 softonic.de 点击 "kurz bewerten!"
更多的ajax方法可以从这里 找到，或者看看api文档 下面的ajax filed under ajax.
（译者注：这个在线实例从国内访问还是比较慢的，点击后要等一会儿才能看到结果，可以考虑对它进行修改，比如加上loading，投票后加上再投票的返回链接等。此外，这个例子中还是有很多需要进一步消化的地方，看不懂的地方请参考api文档。）
一个在使用ajax载入内容时经常发生的问题是：当载入一个事件句柄到一个html文档时，还需要在载入内容上应用这些事件，你不得不在内容加载完成后应用这些事件句柄，为了防止代码重复执行，你可能用到如下一个function:$(function() {
var addclickhandlers = function() {
$("a.clickmetoloadcontent").click(function() {
$("#target").load(this.href, addclickhandlers);
});
};
addclickhandlers();
});现在，addclickhandlers只在dom载入完成后执行一次，这是在用户每次点击具有clickmetoloadcontent 这个样式的链接并且内容加载完成后.
请注意addclickhandlers函数是作为一个局部变量定义的，而不是全局变量(如：function addclickhandlers() {...})，这样做是为了防止与其他的全局变量或者函数相冲突.
另一个常见的问题是关于回调(callback)的参数。你可以通过一个额外的参数指定回调的方法，简单的办法是将这个回调方法包含在一个其它的function中:// get some data
var foobar = ...;
// specify handler, it needs data as a paramter
var handler = function(data) {
...
};
// add click handler and pass foobar!
$('a').click( function(event) { handler(foobar); } );
// if you need the context of the original handler, use apply:
$('a').click( function(event) { handler.apply(this, [foobar]); } );用到简单的ajax后，我们可以认为已经非常之“web2.0”了，但是到现在为止，我们还缺少一些酷炫的效果。下一节将会谈到这些效果.
更多相关文章请关注PHP中文网（www.php.cn）！
ECSHOP仿优购鞋子商城整站源码，程序基于ECSHOP 2.7.3 UFT8版本制作，适合服装，鞋子，家居等商城使用。目前程序未添加广告位，请自行在网站后台进行添加。具体添加方法，请查看SHOPEX5站点的相关教程。 安装方法：1。访问 ：域名/install2. 按照程序提示进行安装.3.安装完成后,登陆网站后台.选择数据库管理--数据库备份--数据库还原.，导入之前的数据库。4.后台-模板管
