Manipulation du contenu DIV avec AJAX, PHP et jQuery

Dans ce scénario, nous visons à modifier dynamiquement le contenu d'un élément DIV basé sur sur la sélection d'un élément de liste. Voici comment y parvenir en utilisant AJAX, PHP et jQuery :

1. Créer la structure DIV et liste :

Here is a summary of the movie

  
Name of movie 1
  
Name of movie 2
  ...

2. Définir la fonction AJAX :

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

3. Ajouter l'événement de clic aux éléments de la liste :

  
View Text 1
  
View Text 2
  ...

4. Script PHP pour gérer la requête :

Dans votre script PHP, récupérez l'ID du film ($id) à partir du Tableau $_GET et récupérez le résumé de la base de données. Renvoyez-le ensuite sous forme de chaîne :

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