AJAX、PHP、jQuery を使用してリンクをクリックして DIV コンテンツを動的に更新する方法

<code class="html"><div id="summary"></div></code>

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

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

<code class="html"><a onclick="getSummary('1')">View Text</a></code>

<code class="php">$id = $_GET['id'];
$summary = fetchSummary($id); // Fetch summary from database</code>

<code class="php">echo $summary;</code>