Wie lade ich DIV-Inhalte basierend auf der Auswahl von Listenelementen dynamisch mit AJAX, PHP und jQuery?

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:

<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. Definieren Sie die AJAX-Funktion:

<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. Fügen Sie das Click-Ereignis zur Liste von Elementen hinzu:

<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. PHP-Skript zur Bearbeitung der Anfrage:

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

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

Das obige ist der detaillierte Inhalt vonWie lade ich DIV-Inhalte basierend auf der Auswahl von Listenelementen dynamisch mit AJAX, PHP und jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!