HTML-Seiteninhalte ohne Neuladen mit AJAX ändern

Sie möchten den Inhalt eines DIV-Elements aktualisieren, ohne die Seite zu aktualisieren, wenn ein Link vorhanden ist geklickt. So können Sie dies mit PHP und AJAX erreichen:

PHP-Konfiguration:

• Erstellen Sie ein PHP-Skript (z. B. data.php), das eine Verbindung zu Ihrem herstellt Datenbank und ruft die Daten basierend auf der Parameter-ID ab.

HTML Markup:

• Erstellen Sie ein DIV-Element mit einem Bezeichner (z. B. myStyle).
• Fügen Sie Links mit onClick-Handlern hinzu, die eine JavaScript-Funktion mit der ID als Argument aufrufen.

JavaScript mit jQuery:

• Schließen Sie die jQuery-Bibliothek ein.
• Definieren Sie eine Recp-Funktion, die AJAX verwendet, um die Daten aus data.php in das myStyle-DIV zu laden.

Beispiel Code:

HTML:

One
Two
Three

PHP:

 0 )
  {
   $row = mysql_fetch_array( $results );
   echo $row['para'];
  }
?>

Sobald Sie diese Lösung implementiert haben, wird durch Klicken auf die Links der Inhalt des myStyle DIV aktualisiert, ohne dass die Seite neu geladen werden muss.