DIV-Inhalt mit AJAX, PHP und jQuery bearbeiten

In diesem Szenario wollen wir den Inhalt eines DIV-Elements dynamisch ändern über die Auswahl eines Listenelements. So erreichen Sie dies mit AJAX, PHP und jQuery:

1. Erstellen Sie die DIV- und Listenstruktur:

Here is a summary of the movie

  
Name of movie 1
  
Name of movie 2
  ...

2. Definieren Sie die AJAX-Funktion:

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

3. Hinzufügen des Click-Ereignisses zum Auflisten von Elementen:

  
View Text 1
  
View Text 2
  ...

4. PHP-Skript zur Bearbeitung der Anfrage:

Rufen Sie in Ihrem PHP-Skript die Film-ID ($id) aus dem ab $_GET-Array und holen Sie die Zusammenfassung aus der Datenbank. Geben Sie es dann als Zeichenfolge zurück:

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