Yael: Inhalt laden _ohne_ die gesamte Seite neu zu laden

Beitrag lesen

Hallo,

wie ihr sicherlich mitbekommen habt, bin ich derzeit dabei eine kleine Seite zu erstellen. Nichts Großes. Aktuell setzte ich unsere Team Seite um. Jede Teamseite hat eigentlich drei Seiten!

  • Beschreibung
  • Karte
  • Bilder

diese Seiten habe ich in einer kleinen Navigation verlinkt

  
<nav>  
   <ul id="navlist">  
      <li><a href="team/<?php echo htmlspecialchars($titelURL); ?>.html" id="aktiv">Beschreibung</a></li>  
      <li><a href="team/karte/<?php echo htmlspecialchars($titelURL); ?>.html">Karte</a></li>  
      <li><a href="team/bilder/<?php echo htmlspecialchars($titelURL); ?>.html">Bilder</a></li>  
    </ul>  
</nav>  

Aufgerufen werden diese Punkt so

http://example.com/team/yael.html
http://example.com/team/karte/yael.html
http://example.com/team/bilder/yael.html

Funktioniert auch wunderbar. Nun überlege ich mir ob es vielleicht sinnvoll wäre den „Conten-Bereich“ dynamisch laden zu lassen sprich ohne dass die Seite neu geladen wird.

Vorteil für mich:

  • weniger Dateien die ich anpassen muss wenn ich Änderungen am Design / Code habe.
  • Ich habe nur eine PHP / MySQL Abfrage da alle Daten sich in der gleichen Seite befinden
  • User bekommen den Inhalt schneller zu sehen, da kein kompletter Seitenbau getätigt werden muss.

Nachteil für den User:

Was ist wenn er kein Javascript zulässt? OK ich gehe davon aus, dass dieses nur sehr wenige User machen und die es machen die wissen was sie machen.

Daher ist es wirklich eine Überlegung wert dieses umzusetzen.

Meine Frage hierzu:
Ist es schwer dieses einzubauen? Oder gibt es hier schon etwas fertiges was ihr mir empfehlen könnt? Meine Kenntnisse in Javascript bzw. jQuery sind relativ klein. Es sollte nur ein Inhalt in einem speziellen DIV ausgetauscht werden.