Bagaimana Mengemas kini Kandungan DIV Secara Dinamik Menggunakan jQuery, Ajax, dan PHP?

Mengemas Kini Kandungan DIV Secara Dinamik melalui jQuery, Ajax dan PHP

Pertimbangkan senario di mana anda mempunyai halaman web dengan DIV yang mengandungi kandungan dinamik daripada pangkalan data:

<div id="summary">Here is a summary of movie</div>

Selain itu, terdapat senarai pautan:

<a href="?id=1" class="movie">Name of movie</a>
<a href="?id=2" class="movie">Name of movie</a>
..

Apabila pengguna mengklik pada pautan:

1. Permintaan Ajax dengan Data GET: Halaman menghantar permintaan Ajax menggunakan URL pautan untuk menghantar data melalui GET ke fail PHP (biasanya halaman yang sama).
2. Respons PHP dengan Rentetan: Fail PHP memproses permintaan dan mengembalikan rentetan yang mengandungi teks ringkasan.
3. Kemas Kini Kandungan DIV: Menggunakan jQuery, elemen #summary DIV dikemas kini dengan rentetan yang dikembalikan.

Untuk melaksanakan fungsi ini:

<code class="javascript">function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'Your URL',
    data: "id=" + id, // accessible as $_GET['id'] in PHP
    success: function(data) {
      $('#summary').html(data);
    }
  });
}</code>

Dalam HTML, tambahkan acara onclick pada setiap pautan:

<code class="html"><a onclick="getSummary('1')">View Text</a>
<div id="#summary">This text will be replaced when the link is clicked.</div></code>

Atas ialah kandungan terperinci Bagaimana Mengemas kini Kandungan DIV Secara Dinamik Menggunakan jQuery, Ajax, dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!