Bagaimanakah Saya Boleh Mengemas kini Kandungan Halaman Web Tanpa Menyegarkan Menggunakan JavaScript dan AJAX?

Mengemas kini Kandungan Halaman Tanpa Menyegarkan Menggunakan Javascript dan AJAX

Anda boleh mencapai kefungsian mengemas kini kandungan div tanpa memuat semula halaman menggunakan JavaScript dan AJAX. Begini cara anda boleh melakukannya:

Memandangkan pengendali onclick dilaksanakan dalam penyemak imbas, fungsi PHP tidak boleh digunakan secara langsung. Sebaliknya, tambahkan fungsi JavaScript yang menggunakan AJAX untuk mengambil data daripada skrip PHP. Menggunakan jQuery, anda boleh menggunakan kod berikut:

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

Buat fail PHP yang berasingan (data.php dalam contoh ini) dan letakkan kod PHP anda di dalamnya:

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

Dalam HTML, kemas kini pautan anda untuk menggunakan fungsi JavaScript:

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

<div>

Dengan mengklik pada pautan ini, kandungan div (dengan id 'myStyle') akan dikemas kini tanpa memuatkan semula halaman. Fungsi jQuery akan memuatkan data secara dinamik daripada skrip PHP melalui AJAX, memastikan pengguna melihat maklumat yang dikemas kini tanpa perlu menunggu muat semula halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengemas kini Kandungan Halaman Web Tanpa Menyegarkan Menggunakan JavaScript dan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!