Bagaimana untuk Memuatkan Kandungan DIV Secara Dinamik Berdasarkan Pemilihan Item Senarai dengan AJAX, PHP dan jQuery?

Memanipulasi Kandungan DIV dengan AJAX, PHP dan jQuery

Dalam senario ini, kami berhasrat untuk mengubah suai kandungan elemen DIV secara dinamik pada pemilihan item senarai. Begini cara untuk mencapai ini menggunakan AJAX, PHP dan jQuery:

1. Buat DIV dan Struktur Senarai:

<code class="html"><div id="summary">Here is a summary of the movie</div>
<ul>
  <li><a href="?id=1" class="movie">Name of movie 1</a></li>
  <li><a href="?id=2" class="movie">Name of movie 2</a></li>
  ...
</ul></code>

2. Tentukan Fungsi AJAX:

<code class="javascript">function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'your_php_script.php',
    data: "id=" + id,
    success: function(data) {
      $('#summary').html(data);
    }
  });
}</code>

3. Tambahkan Acara Klik pada Senarai Item:

<code class="html"><ul>
  <li><a onclick="getSummary(1)">View Text 1</a></li>
  <li><a onclick="getSummary(2)">View Text 2</a></li>
  ...
</ul></code>

4. Skrip PHP untuk Mengendalikan Permintaan:

Dalam skrip PHP anda, dapatkan ID filem ($id) daripada tatasusunan $_GET dan dapatkan ringkasan daripada pangkalan data. Kemudian kembalikannya sebagai rentetan:

<code class="php">$id = $_GET['id'];
$summary = getMovieSummary($id);
echo $summary;</code>

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Kandungan DIV Secara Dinamik Berdasarkan Pemilihan Item Senarai dengan AJAX, PHP dan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!