Manipulating DIV Content with AJAX, PHP, and jQuery

In this scenario, we aim to dynamically modify the content of a DIV element based on the selection of a list item. Here's how to achieve this using AJAX, PHP, and jQuery:

1. Create the DIV and List Structure:

Here is a summary of the movie

  
Name of movie 1
  
Name of movie 2
  ...

2. Define the AJAX Function:

function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'your_php_script.php',
    data: "id="   id,
    success: function(data) {
      $('#summary').html(data);
    }
  });
}

3. Add the Click Event to List Items:

  
View Text 1
  
View Text 2
  ...

4. PHP Script to Handle the Request:

In your PHP script, retrieve the movie ID ($id) from the $_GET array and fetch the summary from the database. Then return it as a string:

$id = $_GET['id'];
$summary = getMovieSummary($id);
echo $summary;