Ich bin auf der Suche nach einem einfachen Beispiel für eine Node/Express/Jade-Seite, die unter Verwendung eines Ajax-Aufrufs mit dem Client- und dem Server-Side-Code aktualisiert wird.Node, Express, Ajax und Jade Beispiel
Ich habe ein paar Probleme, alles in meinem Kopf zusammenzusetzen.
Es gibt sehr viele Möglichkeiten, wie dies getan werden kann und es ist nicht sofort ersichtlich, welchen Ansatz Sie verwenden möchten.
Ich nehme an, das einfachste Szenario wäre, einige clientseitige Logik hinzuzufügen, um Teile von HTML vom Server zu holen und den Client zu aktualisieren. Dies wird leicht erreicht jQuery (legt es in einem Dokument bereit Block um das Ereignis zu verdrahten):
$('#button').click(function() {
$.get('/some/url', {foo: 42}, function(result) {
$('#target').html(result);
}
}
Auf diese Weise alle Ihre HTML-Datei auf dem Server generiert wird und man einfach holen und in der Seite einfügen nach Bedarf .
Sie könnten auch Json vom Server holen und den HTML-Code auf dem Client rendern, aber das ist einer der alternativen Ansätze. Ich empfehle dringend, geben Sie TodoMVC einen Blick - es ist eine Todo-Liste-Anwendung mit vielen verschiedenen Implementierungen (jeweils mit einem anderen Framework) und damit eine große Lern-Ressource für die verschiedenen Ansätze und Helfer-Bibliotheken.
Ich würde auch das Hands-on Node.js Buch empfehlen. Es wird Ihnen helfen, das Routing und den Einstieg in Node zu verstehen.
Danke Morten. Ich verstehe Routing in Knoten fein. Ich schätze das oben angegebene Beispiel, aber was ist mit der Serverseite? Übergeben Sie eine Jade-Vorlage an die Ajax-Anfrage? Was ist mit Teiltönen? –
Dasselbe gilt für alle serverseitigen Anforderungen, außer dass einige URLs Handlern zugeordnet werden, die eine Teilansicht rendern. Das könnte nur eine normale Jade-Vorlage sein, außer dass es nur das Markup enthält, das gerendert werden soll (und nicht die ganze Seite HTML). –
@MortenMertner Um diese Teilansicht zu rendern oder die serverseitige Funktion, die das tut, aufzurufen, was wäre eine beispielhafte AJAX-Route von der Client-Seite? –