Pembangunan PHP untuk melaksanakan modul fungsi statistik kiraan muat turun (3)

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 m.sbmmt.com.