Manipulación de contenido DIV con AJAX, PHP y jQuery

En este escenario, nuestro objetivo es modificar dinámicamente el contenido de un elemento DIV según en la selección de un elemento de la lista. Aquí se explica cómo lograr esto usando AJAX, PHP y jQuery:

1. Crear el DIV y la estructura de lista:

Here is a summary of the movie

  
Name of movie 1
  
Name of movie 2
  ...

2. Definir la función AJAX:

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

3. Agregar el evento de clic a los elementos de la lista:

  
View Text 1
  
View Text 2
  ...

4. Script PHP para manejar la solicitud:

En su script PHP, recupere el ID de la película ($id) del $_GET matriz y obtener el resumen de la base de datos. Luego devuélvalo como una cadena:

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