Wie aktualisiere ich DIV-Inhalte dynamisch mit jQuery, Ajax und PHP?

Dynamisches Aktualisieren von DIV-Inhalten über jQuery, Ajax und PHP

Stellen Sie sich ein Szenario vor, in dem Sie eine Webseite mit einem DIV haben, das dynamischen Inhalt enthält aus einer Datenbank:

<div id="summary">Here is a summary of movie</div>

Zusätzlich gibt es eine Liste mit Links:

<a href="?id=1" class="movie">Name of movie</a>
<a href="?id=2" class="movie">Name of movie</a>
..

Wenn ein Benutzer auf einen Link klickt:

1. Ajax-Anfrage mit GET-Daten: Die Seite sendet eine Ajax-Anfrage unter Verwendung der URL des Links, um Daten über GET an eine PHP-Datei (normalerweise dieselbe Seite) zu übergeben.
2. PHP-Antwort mit String: Die PHP-Datei verarbeitet die Anfrage und gibt eine Zeichenfolge mit dem Zusammenfassungstext zurück.
3. DIV-Inhaltsaktualisierung: Mit jQuery wird das #summary-Element des DIV mit der zurückgegebenen Zeichenfolge aktualisiert.

So implementieren Sie diese Funktionalität:

<code class="javascript">function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'Your URL',
    data: "id=" + id, // accessible as $_GET['id'] in PHP
    success: function(data) {
      $('#summary').html(data);
    }
  });
}</code>

Fügen Sie im HTML zu jedem Link ein Onclick-Ereignis hinzu:

<code class="html"><a onclick="getSummary('1')">View Text</a>
<div id="#summary">This text will be replaced when the link is clicked.</div></code>

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