Render einen Blick nach Post-Anforderung in Node.js

Question

ich einen Beitrag Anfrage an den Server über Ajax zu senden:

result.ejs

$.ajax({ 
    type: "POST", 
    url: "/result", 
    data: { score: score, rank: rank, name: name, email: email, historyLog: historyLog } 
    }); 

ich es bin reciveing ​​und in die Datenbank zum Speichern von Daten :

resultController.js

app.post('/result', urlencodedParser, function(req, res) { 

     var user = new User({ 
     name: req.body.name, 
     email: req.body.email, 
     score: req.body.score, 
     rank: req.body.rank, 
     historyLog: req.body.historyLog 
     }); 

     user.save(function(err) { 
     if (err) throw err; 
     console.log('User saved successfully!'); 

     }); 


    }); 

Nach dem Speichern möchte ich eine neue Ansicht rendern, und ich kann es nicht funktionieren. Ich habe versucht, indem diese nach der Funktion speichern:

res.redirect('page'), res.render('page'), headers html/text

Keines der oben genannten Einstellung funktioniert. Irgendwelche Vorschläge?

Answer 1

AJAX wird normalerweise genau dann verwendet, wenn Sie nicht möchten, woanders navigieren, sondern stattdessen mit dem Server im Hintergrund sprechen. Um es noch Ihren Weg machen, verwenden res.send("done");innerhalb Rückruf pariert, direkt nach console.log('User saved successfully!);, dann fügen Sie diese zu Ihrer Ajax-Anfrage:

success: function() { window.location.href = "/page"; } 

Eine viel einfachere Art und Weise den gesamten Prozess zu implementieren ist ein <form method="post" action="/result"> zu verwenden und reichen Sie es ein.

Answer 2

Wenn Sie Seite nach dem Speichern machen möchten - fügen Sie es Rückruf bei der Rettung, wie diese

app.post('/result', urlencodedParser, function(req, res) { 
 

 
     var user = new User({ 
 
     name: req.body.name, 
 
     email: req.body.email, 
 
     score: req.body.score, 
 
     rank: req.body.rank, 
 
     historyLog: req.body.historyLog 
 
     }); 
 

 
     user.save(function(err) { 
 
     if (err) throw err; 
 
     console.log('User saved successfully!'); 
 
     res.render('page');//ADD HERE redirect o render 
 
     }); 
 

 

 
    });

Answer 3

Diese feine schreiben funktioniert. Bessere Form zum Posten.

app.post('/result', function(req, res) { 

    new user({ 
    name: req.body.name, 
    email: req.body.email, 
    score: req.body.score, 
    rank: req.body.rank, 
    historyLog: req.body.historyLog 
    }).save(function(err,doc) { 
    if (err) throw err; 
    else { res.render('pagename.ejs'); } 
    console.log('User saved successfully!',doc); 
    }); }); 

hoffe das wird dir helfen.