Ich möchte eine Sucheigenschaft auf meiner Web site implementieren, also mache ich einen jquery Ajaxanruf mit dem Text zum Eilbediener, der mongodb sucht und ein gibt Objekt-Array der übereinstimmenden Benutzer. Jetzt erhalte ich dieses Objekt erfolgreich, aber da es keine Partials auf ejs gibt, wie kann ich nur die Ergebnisliste aktualisieren, die HTML für jeden Benutzer generiert?Wie man Inhalt auf ejs mit jquery nach Ajaxaufruf erzeugt, um Server auszudrücken
5
A
Antwort
9
Die Knoten-EJS-Pakete werden mit einer clientseitigen JavaScript-Bibliothek geliefert, die sich in ./node_modules/ejs/ejs.js
oder ./node_modules/ejs/ejs.min.js
befindet. Nachdem Sie dies auf Ihrer Seite eingefügt haben, möchten Sie die Vorlage laden und anschließend den HTML-Code aus der Vorlage generieren. Detecting an undefined object property Javascript Probe (Laden der Vorlage auf Seite Last wäre ein bisschen mehr ideal sein):
function getData() {
// Grab the template
$.get('/results.ejs', function (template) {
// Compile the EJS template.
var func = ejs.compile(template);
// Grab the data
$.get('/data', function (data) {
// Generate the html from the given data.
var html = func(data);
$('#divResults').html(html);
});
});
}
EJS:
<table>
<tr>
<th>ID</th>
<th>Name</th>
</tr>
<% data.forEach(function (d) { %>
<tr>
<td><%- d.id %></td>
<td><%- d.name %></td>
</tr>
<% }); %>
</table>
Ajax-Aufruf in Express:
app.get('/data', function (req, res) {
res.send({ data: [
{ id: 5, name: 'Bill' },
{ id: 1, name: 'Bob' }
]});
});
Verwandte Themen
- 1. Internet Explorer erweitert Tabelle nicht nach Ajaxaufruf
- 2. Wie man angehängten Inhalt manipuliert? Jquery
- 3. Wie man Permutationen erzeugt?
- 4. Wie ändert man jQuery Dialog HTML-Inhalt nach init?
- 5. Wie raffiniert verwendet, um Constraints mit Konstanten auszudrücken> 22
- 6. Wie man saubere URLs mit mod_rewrite erzeugt
- 7. HTML-Auswahloption mit EJS
- 8. Wie verwendet man jQuery GET auf HTTP (nicht sicheren) Server?
- 9. Wie man Maschinencode mit llvm erzeugt
- 10. Wie man Methodensignatur erzeugt?
- 11. Google Karte von Server-Seite auf EJS-Seite posten
- 12. Wie man Bilddatei mit C++ gnuplot erzeugt?
- 13. Sprache, um komplexe Zeit-Mehrfachintervalle auszudrücken?
- 14. Wie man Funktionssignaturen mit Sphinx erzeugt?
- 15. Wie TINYMCE Inhalt nach AJAX-Aktion mit JQuery
- 16. Wie ändert man einen bestimmten Inhalt mit jQuery?
- 17. Anruffunktionen von mit EJS-Vorlagen auf Knoten
- 18. Get EJS Daten auf Angular Controller
- 19. Wie ändert man den Inhalt des Span mit jQuery?
- 20. Wie erzeugt man Flammengraphen mit PHP?
- 21. Wie man mapping.txt mit Eclipse erzeugt?
- 22. Wie man Methode mit unbekannten Parametern erzeugt?
- 23. Wie erzeugt man Typhierarchie-Diagramme mit Scaladoc?
- 24. Webseite Inhalt nach dem Refresh Server Seite
- 25. anzeigen pdf auf dem Server mit Ajax-Aufruf erzeugt
- 26. Node.js - Wie Daten von HTML senden auszudrücken
- 27. Zugriff auf Colorbox Iframe-Inhalt mit jquery
- 28. Wie man `DOS/Unix` erzeugt Wie GUI
- 29. jQuery: Inhalt von rechts nach links schieben?
- 30. wie man teilweise Seitenaktualisierung mit jquery tut
Können Sie Platz die 'getData'-Funktion innerhalb der Vorlage selbst oder Sie müssen eine externe' Skript'-Datei erstellen, die die Funktion enthält, die Sie dann in Ihre Seite injizieren? – AllJs
@AllJs, Soweit ich weiß, können Sie es in das Skript einfügen, aber ich denke, es wäre besser organisiert, wenn Sie eine externe Skriptdatei hätten. – matth