Bagaimanakah Saya Boleh Kemas Kini Kandungan Halaman Web Secara Dinamik Tanpa Muat Semula Halaman Penuh?

Tukar Kandungan Halaman Secara Dinamik Tanpa Menyegarkan

Soalan:

Bagaimana kandungan halaman web boleh dikemas kini tanpa memuatkan semula keseluruhannya halaman?

Jawapan:

Untuk mengemas kini kandungan halaman tanpa memerlukan muat semula penuh, anda boleh menggunakan AJAX (JavaScript Asynchronous dan XML). Ini membolehkan anda memuatkan data daripada pelayan tanpa menjejaskan seluruh halaman.

Pelaksanaan:

1. Buat fungsi Javascript menggunakan jQuery:

function recp(id) {
  $('#myStyle').load('data.php?id=' + id);
}

Fungsi ini menggunakan kaedah load() jQuery untuk dapatkan semula data daripada skrip PHP dan kemas kini kandungan elemen dengan ID "myStyle".

2. Panggil fungsi Javascript:

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

Mengklik pada pautan ini akan mencetuskan fungsi recp() dan memuatkan data daripada yang sepadan ID.

3. Tulis skrip PHP untuk mengendalikan permintaan AJAX:

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'];
}

Skrip ini mendapatkan semula data daripada pangkalan data berdasarkan ID dan menghantar hasilnya kembali kepada pelanggan melalui AJAX.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Kemas Kini Kandungan Halaman Web Secara Dinamik Tanpa Muat Semula Halaman Penuh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!