Heim > Datenbank > MySQL-Tutorial > Wie kann ich Webseiteninhalte dynamisch aktualisieren, ohne eine vollständige Seitenaktualisierung durchzuführen?

Wie kann ich Webseiteninhalte dynamisch aktualisieren, ohne eine vollständige Seitenaktualisierung durchzuführen?

Barbara Streisand
Freigeben: 2024-11-29 18:54:10
Original
957 Leute haben es durchsucht

How Can I Dynamically Update Web Page Content Without a Full Page Refresh?

Seiteninhalte dynamisch ändern, ohne sie zu aktualisieren

Frage:

Wie kann der Inhalt einer Webseite geändert werden? aktualisiert werden, ohne dass das Ganze neu geladen werden muss Seite?

Antwort:

Um den Inhalt einer Seite zu aktualisieren, ohne dass eine vollständige Aktualisierung erforderlich ist, können Sie AJAX (Asynchronous JavaScript and XML) verwenden. Dadurch können Sie Daten von einem Server laden, ohne dass sich dies auf den Rest der Seite auswirkt.

Implementierung:

  1. Erstellen Sie eine Javascript-Funktion mit jQuery:
function recp(id) {
  $('#myStyle').load('data.php?id=' + id);
}
Nach dem Login kopieren

Diese Funktion verwendet die Methode „load()“ von jQuery, um Daten von einem abzurufen PHP-Skript und aktualisiert den Inhalt des Elements mit der ID „myStyle“.

  1. Javascript-Funktion aufrufen:
<a href="#" onClick="recp('1')" > One   </a>
<a href="#" onClick="recp('2')" > Two   </a>
<a href="#" onClick="recp('3')" > Three </a>
Nach dem Login kopieren

Auf diese klicken Links lösen die Funktion recp() aus und laden die Daten von der entsprechenden ID.

  1. Schreiben Sie ein PHP-Skript in Verarbeiten Sie die AJAX-Anfrage:
require ('myConnect.php');     
$id = $_GET['id'];
$results = mysql_query("SELECT para FROM content WHERE  para_ID='$id'");   
if( mysql_num_rows($results) > 0 )
{
 $row = mysql_fetch_array( $results );
 echo $row['para'];
}
Nach dem Login kopieren

Dieses Skript ruft die Daten basierend auf der ID aus der Datenbank ab und sendet das Ergebnis über AJAX an den Client zurück.

Das obige ist der detaillierte Inhalt vonWie kann ich Webseiteninhalte dynamisch aktualisieren, ohne eine vollständige Seitenaktualisierung durchzuführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage