Wie die übergabe von Daten aus express.js um einen Javascript-code für eine html-Seite

Ich bin ganz neu express.js und Programmierung im Allgemeinen. Ich bin versucht zu lernen, wie abrufen von Daten aus einer Datenbank(Mongodb) und senden Sie es an html-oder javascript-Datei. Ich schaffte es zum abrufen von Daten und Konsole.melden Sie es. Ich habe diesen code wird das array mit dem Namen 'Daten' aus der Datenbank und Konsole.melden Sie es. Ich will übergeben Sie die Daten, die Reihe von Orten, um meine html-Datei, die die Warnung der Lage. Ich dachte ich kann einfach die Daten in eine javascript-Datei als Knoten-Modul und nennen Sie die variable in den anderen javascript-Datei. und jetzt weiß ich, dass, wenn es war jade, ich könnte leicht fügen Sie die variable nach res.render. wie würde es funktionieren, wenn ich mich mit html und bin mit einer separaten javascript-Datei?

hier ist meine app.js code:

var placeFinder = require ("./public/assets/js/data.js");
app.get('/test', function(req, res){

  placeFinder(function(err, data){
    if(err){
      return res.send(500);
    }    
    res.locals.place = data;
    console.log(data);
    res.render('test', {data: data});
  });
});

und hier ist meine data.js code:

var mongoose = require ('mongoose');  
function getPlaces(callback){
  var data = new Array();
  mongoose.model('stories').find({},function(err, companies) {
    if(err){
      return callback(err, data);
    }
    for (var i = 0; i < companies.length; i++) {
      data[i] = JSON.stringify(companies[i].place);
    }
    return callback(null, data);
 });
}
module.exports = getPlaces;

und hier ist mein html mit js-code:

<html>
<head>
  <title>test</title>
  <script> 
   $('button.showlocation').click( function(){
    var new = {{data}};
    document.write(new);
  }
  </script>
</head>
<body>
<button class="showlocation btn btn-info">Click Here!</button>

</body>
</html>

Vielen Dank

InformationsquelleAutor MSH | 2014-06-11
  1. 3

    Verwenden:

    res.render('ViewMode', {data: data});

    Und in Ihrem ViewMode-Vorlage gibt es eine var diese.Daten oder nur Daten. In deinem Skript unter der Annahme, dass Ihre tags, dass grenzt Ausgabe {{ und }}(wie bei LENKER:

    <script> var places = {{data}}</script>
    • So dann kann ich rufen Sie einfach die Variablen Daten, die in jedem Teil des js-Skript habe ich in meinem ViewMode.html?
    • Ja, natürlich unlessyou mit jade...
    • Sorry, wenn ich Frage dies, es könnte so einfach sein, aber ich möchte, um es in den javascript-Teil und Daten ist ein array, so würde es funktionieren, wenn ich gerade auf var stellen = Daten und dann den rest?
    • Hallo nochmal, ich bearbeitet die Frage, die ich tatsächlich geändert, der html-Datei sth einfacher, aber immer noch nicht. selbst in diesem einfachen code, es kann nicht die Daten Auslesen. was mache ich hier falsch?
    • Was ist deine template-engine?
    • es ist html-app.set('view engine', 'html');
    • Sie brauchen, um eine echte template-engine wie doT, ectjs, dustjs, hamljs, LENKER, jade...
    • was ist, wenn das script in eine andere Datei wie script.js (was ist dann mit <link> - tag in der html-Datei) wie gebe ich die Daten durch die script.js Datei?

    InformationsquelleAutor Vinz243
  2. 0

    Vielleicht ist die schnelle und schmutzige Antwort ist:
    - Das Rendern der Daten in die in der HTML-Datei, einschließlich Ihr google maps JS, in einer globalen variable namens stellen, bevor Sie Ihre JS-Datei.

    Ein anderer Ansatz wäre, rufen Sie Ihre client-side javascript und Endpunkt auf Ihrem NodeJS-server, der nur die Daten zurück, die Sie in "Orte".

    • Hallo, Würden Sie bitte erklären, mehr die zweite option. ist das nicht die gleiche wie die rendering-parameter?
    • Auf der server-Seite statt-rendering mit
    • Auf der server-Seite statt rendering mit res.render('test', {data: data}); können Sie sich wieder auf HTTP nur die Daten im JSON-format (Wiedergabe der Vorlage in einer anderen Funktion) mit res.senden(200, {data: data}); Auf der client-Seite können Sie einen Ajax-Aufruf, wenn Sie brauchen, dass die Daten (stackoverflow.com/questions/8567114/...).
    InformationsquelleAutor Riccardo
Schreibe einen Kommentar