PHP melaksanakan pemuatan skrol tanpa had

Dengan perkembangan Internet, semakin banyak halaman web perlu menyokong pemuatan tatal, dan pemuatan tatal yang tidak terhingga adalah salah satu daripadanya. Ia membolehkan halaman memuatkan kandungan baharu secara berterusan, membolehkan pengguna menyemak imbas web dengan lebih lancar. Dalam artikel ini, kami akan memperkenalkan cara melaksanakan pemuatan skrol tak terhingga menggunakan PHP.

1. Apakah pemuatan tatal tak terhingga?

Pemuatan skrol tak terhingga ialah kaedah memuatkan kandungan web berdasarkan bar skrol. Prinsipnya ialah apabila pengguna menatal ke bahagian bawah halaman, data latar belakang diambil secara tak segerak melalui AJAX untuk memuatkan kandungan baharu secara berterusan. Kaedah pemuatan ini boleh menghalang pengguna daripada kerap menukar halaman dan meningkatkan pengalaman pengguna.

2. Kelebihan pemuatan tatal tak terhingga

1 Kelancaran: pemuatan tatal tak terhingga boleh mengelakkan pengguna daripada kerap menukar halaman, meningkatkan kelancaran halaman dan pengalaman pengguna.

2. Tingkatkan daya tarikan kandungan: Pemuatan tatal tanpa had boleh memaparkan kandungan baharu secara berterusan dan menarik pengguna untuk kekal di halaman.

3. Kurangkan tekanan pelayan: Pemuatan berhalaman memerlukan pengguna melompat ke halaman secara manual, manakala pemuatan tatal tidak terhingga hanya memerlukan permintaan tak segerak untuk kandungan baharu, yang boleh mengurangkan tekanan pelayan.

3. Langkah untuk melaksanakan pemuatan tatal tak terhingga

1. Bina struktur HTML

Pertama, bina bekas dalam halaman untuk memaparkan pemuatan kandungan baharu. Gunakan struktur berikut:

<div id="load-more-container">
  <!-- 初始内容 -->
</div>

2. Ikat acara tatal

Apabila pengguna menatal ke bahagian bawah halaman, ia perlu mencetuskan pemuatan kandungan baharu. Untuk melaksanakan fungsi ini, kita perlu mendengar acara tatal tetingkap dan menentukan sama ada ia telah ditatal ke bahagian bawah halaman. Kodnya adalah seperti berikut:

  $(window).on('scroll', function () {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
      loadMore();
    }
  });

Dalam kod, fungsi loadMore ialah fungsi yang digunakan untuk memuatkan kandungan baharu.

3. Pemuatan data tak segerak

Apabila pengguna menatal ke bahagian bawah halaman, ia perlu meminta latar belakang secara tidak segerak untuk mendapatkan kandungan baharu. Di sini kami menggunakan pelaksanaan kaedah AJAX jQuery.

function loadMore() {
  $.ajax({
    type: 'GET',
    url: 'load-more.php',
    data: {
      //传递参数
    },
    success: function (data) {
         $('#load-more-container').append(data);
    }
  });
}

Antaranya, load-more.php ialah laluan fail untuk data pemprosesan latar belakang. Kumpulan data seterusnya boleh diperolehi melalui load-more.php dan dipaparkan mengikut keperluan.

4. Laksanakan paging

Apabila melaksanakan pemuatan skrol tanpa had, kita perlu memberi perhatian kepada paging data. Untuk melaksanakan paging, kami boleh menambah logik yang berkaitan untuk load-more.php dan mendapatkan data yang sepadan berdasarkan bilangan halaman semasa. Kodnya adalah seperti berikut:

$page = $_GET['page'];
$count = 10; // 每页条数
$start = ($page-1) * $count;

// 数据库查询语句
$sql = "SELECT * FROM `table` LIMIT $start, $count";

5. Ringkasan

Artikel ini memperkenalkan cara menggunakan PHP untuk mencapai pemuatan tatal yang tidak terhingga. Dengan mendengar acara tatal dan meminta data secara tidak segerak dari latar belakang, kami boleh mencapai tatal tanpa had dan memaparkan data dalam halaman mengikut keperluan, meningkatkan kelancaran halaman dan pengalaman pengguna.

Atas ialah kandungan terperinci PHP melaksanakan pemuatan skrol tanpa had. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!