jQuery terutamanya menyelesaikan dua tugas Satu ialah membaca senarai fail secara tidak segerak melalui Ajax dan memaparkannya kepada acara klik pengguna dan meningkatkan bilangan muat turun fail yang sepadan sebanyak 1.
Pertama, selepas halaman dimuatkan, hantar permintaan Ajax dalam bentuk GET ke senarai fail latar belakang.php melalui $.ajax() Apabila faillist.php bertindak balas dengan jayanya, ia menerima data json yang dikembalikan melalui $. each() melintasi objek data json, membina rentetan html dan menambah rentetan akhir pada ul.filelist untuk membentuk senarai fail dalam demo.
Kemudian, apabila fail diklik untuk memuat turun, peristiwa klik unsur senarai yang ditambah secara dinamik akan dijawab melalui langsung(), dan bilangan muat turun terkumpul.
<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>Nota:
Pelbagai parameter dalam ajax
1.type
Jenis: Rentetan
Nilai lalai: "GET"). Kaedah permintaan ("POST" atau "GET"), lalai ialah "GET".
2.url
Jenis: Rentetan
Nilai lalai: Alamat halaman semasa. Alamat untuk menghantar permintaan.
3.dataType
Jenis: Rentetan
Jenis data yang dijangka akan dikembalikan oleh pelayan. Berikut ialah "json": Mengembalikan data JSON.
4.cache
Jenis: Boolean
Nilai lalai: benar, lalai adalah palsu apabila dataType ialah skrip dan jsonp. Tetapkan kepada palsu untuk tidak cache halaman ini.
5.beforeSend
Jenis: Fungsi
Fungsi yang boleh mengubah suai objek XMLHttpRequest sebelum menghantar permintaan.
Objek XMLHttpRequest ialah satu-satunya parameter.
6.kejayaan
Jenis: Fungsi
Fungsi panggil balik selepas permintaan berjaya. Kaedah
live() melampirkan satu atau lebih pengendali acara pada elemen yang dipilih dan menentukan fungsi untuk dijalankan apabila peristiwa ini berlaku.
Akhir sekali, selepas membaca artikel ini, ini adalah kes Ajax yang biasa kami gunakan semua orang
Jika anda ingin mengetahui lebih lanjut tentang jQuery dan ajax, sila rujuk tutorial berkaitan kami di www.php.cn.
bahagian seterusnya