Comment charger dynamiquement du contenu DIV basé sur la sélection d'éléments de liste avec AJAX, PHP et jQuery ?

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 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 :

<code class="html"><div id="summary">Here is a summary of the movie</div>
<ul>
  <li><a href="?id=1" class="movie">Name of movie 1</a></li>
  <li><a href="?id=2" class="movie">Name of movie 2</a></li>
  ...
</ul></code>

2. Définir la fonction AJAX :

<code class="javascript">function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'your_php_script.php',
    data: "id=" + id,
    success: function(data) {
      $('#summary').html(data);
    }
  });
}</code>

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

<code class="html"><ul>
  <li><a onclick="getSummary(1)">View Text 1</a></li>
  <li><a onclick="getSummary(2)">View Text 2</a></li>
  ...
</ul></code>

4. Script PHP pour gérer la demande :

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

<code class="php">$id = $_GET['id'];
$summary = getMovieSummary($id);
echo $summary;</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!