Bagaimanakah Saya Boleh Mengemas kini Kandungan Halaman HTML Secara Dinamik Tanpa Memuat Semula Halaman?

Tukar Kandungan Halaman HTML Secara Dinamik

Mengemas kini kandungan web tanpa memuatkan semula halaman boleh meningkatkan pengalaman pengguna dan meningkatkan prestasi tapak web. Untuk mencapai matlamat ini, anda boleh menggunakan AJAX (Asynchronous JavaScript and XML) bersama-sama dengan HTML, PHP, JavaScript dan jQuery.

Pertimbangkan contoh berikut:

<a href="#" onClick="recp('1')">One</a>
<a href="#" onClick="recp('2')">Two</a>
<a href="#" onClick="recp('3')">Three</a>

<div>

Kod ini memaparkan pautan untuk mendapatkan semula kandungan yang berbeza daripada pangkalan data. Daripada memuatkan semula halaman apabila pautan diklik, anda perlu menggunakan AJAX untuk mengambil data secara tidak segerak dan mengemas kini kandungan div "myStyle" tanpa memuat semula halaman.

Untuk mencapai ini, anda boleh menggunakan berikut fungsi JavaScript:

<script type="text/javascript">
  function recp(id) {
    $('#myStyle').load('data.php?id=' + id);
  }
</script>

Fungsi ini menggunakan kaedah load() jQuery untuk mengambil kandungan daripada skrip PHP yang berasingan ("data.php") dan gantikan kandungan div "myStyle" dengan data yang diambil.

Skrip PHP ("data.php") harus mengandungi kod yang diperlukan untuk mendapatkan dan memaparkan kandungan yang diminta :

require ('myConnect.php');     
$id = $_GET['id'];
$results = mysql_query("SELECT para FROM content WHERE  para_ID='$id'");   
if( mysql_num_rows($results) > 0 )
{
 $row = mysql_fetch_array( $results );
 echo $row['para'];
}

Dengan melaksanakan pendekatan ini, anda boleh mengemas kini kandungan halaman secara dinamik tanpa memuatkan semula halaman, membolehkan pengguna menavigasi tapak web anda dengan lancar sambil mengakses kandungan berbeza atas permintaan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengemas kini Kandungan Halaman HTML Secara Dinamik Tanpa Memuat Semula Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!