Ist es besser, eine dynamische Seite oder mehrere Seiten zu haben, die abhängig von einer Dropdown-Option umleiten?

Question

Ich habe ein Formular mit einer Dropdown-Box mit mehreren Auswahlen, ich werde es einrichten, dass je nach Auswahl die Felder im Formular ändern.

ich zur Zeit zwei Möglichkeiten gedacht habe diese (ich bin relativ neu in Web-Entwicklung im Auge behalten) zu tun:

• Die erste Methode einer Seite von HTML mit einer JS-Funktion verwendet, die zeigen bestimmte Bereiche auf den Abschnitten in Abhängigkeit Wert anzuzeigen, a la: elem.style.display="inline" oder elem.style.display="none"
• Die zweite Methode mehr Seiten haben und JS zu verwenden zu umleiten je nachdem, welchen Artikel ausgewählt wird.

Gibt es eine bevorzugte Methode? Ziehen Nutzer eine bestimmte Methode vor, welche ist effizienter? Ich glaube, dass die zweite in Zukunft einfacher zu verwalten sein würde, aber ich frage mich, ob sie benutzerfreundlich und effizient ist.

Answer 1

Für den Benutzer ist es in der Regel besser, die erste Methode zu verwenden, da das Warten auf das Laden einer Seite nicht erfolgt. Es gibt wahrscheinlich Zeiten und Orte, an denen es besser ist, separate Seiten zu verwenden, aber in den meisten Fällen würde ich sagen, dass es besser ist, alles auf einer Seite zu tun.

Hier ist eine kurze Liste von einigen der Vor-und Nachteile

Erste Methode:
Vorteile:
1. Keine zusätzlichen Seite geladen wird (aber die erste Seite langsam sein könnte, wenn Sie versuchen, zu viel zu laden)
2. für den Benutzer einfacher mit dem Ablauf des Prozesses
3. Es sieht Kühler/trendy zu bleiben, wenn die Seite reagiert sofort auf Eingang (etwas subjektiv ich weiß)
Nachteile:
1. Kann durchaus sein, ein bisschen komplizierter zu pflegen
2.Zusammen mit man kann viel einfacher sein Fehler einführen

Zweite Methode:
Vorteile:
1. Geradlinige
2. Signale für den Benutzer zu entwickeln, gibt es eine Änderung in dem, was Sie tun (In einigen Fällen das Wechseln von Seiten erzeugt logische Unterbrechungen in der Meinung der Benutzer.)
Nachteile:
1. Kann ein wenig veraltet aussehen (wieder seine subjektive)
2. Es gibt einige Wartung auf dem Backend sicherzustellen, dass alles von einer Seite an die kommuniziert wird als nächstes richtig und sicher

Answer 2

Nicht ganz sicher, ob ich verstehe, was Sie erreichen wollen, aber was ich mache, ist eine PHP-Seite vom Typ "Controller", die alle Beiträge asynchron von JavaScript/jQuery erhält. Dann würde die Controller-Seite alle zusätzlichen Formen hervorbringen, die auf der Basis der Post-Variablen benötigt werden.

Also im Prinzip onclick würde die Auswahl an den Controller übergeben, dann würde der Controller das neue HTML-Formular zurückgeben, das vom JavaScript veröffentlicht werden soll.

Hoffe, das ist nicht zu verwirrend, aber wenn Sie einreichen und Beispiel für Ihr Projekt könnte ein wenig einfacher zu Layout sein.

Answer 3

Die erste Option ist besser, da sie schneller ist und weniger HTTP-Anforderungen benötigt.

Answer 4

Heutzutage ist die Standardmethode zum Ändern einer Seite auf der Grundlage einer Dropdown-Box oder eines anderen Elements, JavaScript zum Ausblenden/Anzeigen von Teilen der Seite zu erhalten oder die Seite anderweitig anzupassen, um DOM-Methoden zu verwenden.

Es gibt viele Javascript-Toolkits, die sich um die meisten der unordentlichen Details des Schreibens von JavaScript-Code kümmern, der knifflige Dinge wie das Ändern von Seiten ausführt, während sichergestellt wird, dass alles auf allen Browsern funktioniert. Überprüfen Sie eins. jQuery ist eines der beliebtesten Toolkits.