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

Menggunakan Ajax, PHP dan jQuery untuk Kemas Kini Kandungan DIV Secara Dinamik

Dalam panduan ini, kami akan meneroka proses menukar kandungan unsur DIV secara dinamik menggunakan Ajax, PHP dan jQuery.

Apabila pengguna mengklik pada pautan, skrip membuat panggilan Ajax menggunakan URL pautan sebagai parameter data ke fail PHP anda. Fail PHP kemudian memproses data dan mengembalikannya sebagai rentetan. Akhir sekali, rentetan digunakan untuk menggantikan kandungan DIV yang disasarkan.

Untuk melaksanakan fungsi ini, ikut langkah berikut:

<script>
function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'Your URL',
    data: "id=" + id, // appears as $_GET['id'] on the server-side
    success: function(data) {
      // data is your summary
      $('#summary').html(data);
    }
  });
}
</script>

Seterusnya, tambahkan acara onclick pada item senarai anda:

<a onclick="getSummary('1')">View Text</a>
<div id="summary">This text will be replaced when the onclick event is triggered.</div>

Dengan mengikut langkah ini, anda boleh mengemas kini kandungan DIV secara dinamik dengan data yang diambil daripada fail PHP anda menggunakan keupayaan manipulasi Ajax dan jQuery.

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