jQuery主要完成两个任务，一是通过Ajax异步读取文件列表并展示，二是响应用户点击事件，将对应的文件下载次数+1。
首先，页面载入完后，通过$.ajax()向后台filelist.php发送一个GET形式的Ajax请求，当filelist.php相应成功后，接收返回的json数据，通过$.each()遍历json数据对象，构造html字符串，并将最终得到的字符串加入到ul.filelist中，形成了demo中的文件列表。
然后，当点击文件下载时，通过live()响应动态加入的列表元素的click事件，将下载次数进行累加。
<script type="text/javascript">
$(function(){
$.ajax({ //异步请求
type: 'GET',
url: 'filelist.php',
dataType: 'json',
cache: false,
beforeSend: function(){
$(".filelist").html("<li class='load'>正在载入...</li>");
},
success: function(json){
if(json){
var li = '';
$.each(json,function(index,array){
li = li + '<li><a href="download.php?id='+array['id']+'">'+array['file']+'<span class="downcount" title="下载次数">'
+array['downloads']+'</span><span class="download">点击下载</span></a></li>';
});
$(".filelist").html(li);
}
}
});
$('ul.filelist a').live('click',function(){
var count = $('.downcount',this);
count.text(parseInt(count.text())+1);
});
});
</script>注释：
ajax中的各种参数
1.type
类型：String
默认值: "GET")。请求方式 ("POST" 或 "GET")， 默认为 "GET"。
2.url
类型：String
默认值: 当前页地址。发送请求的地址。
3.dataType
类型：String
预期服务器返回的数据类型。这里为"json": 返回 JSON 数据 。
4.cache
类型：Boolean
默认值: true，dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。
5.beforeSend
类型：Function
发送请求前可修改 XMLHttpRequest 对象的函数。
XMLHttpRequest 对象是唯一的参数。
6.success
类型：Function
请求成功后的回调函数。
live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
最后，其实通读本文，这就是一个我们通常应用到的Ajax案例，当然还有PHP结合mysql实现下载的知识，希望对大家有所帮助
如果想学习更多jQuery，ajax知识，请参考我们www.php.cn的相关教程。
下一节