узел js routing not rendering

Я пытался внедрить веб-сайт, где есть водитель и пассажир (автомобиль). Итак, когда водитель дает свои данные и нажимает, он отправляется на URL-адрес (выберите), где он может выбрать пассажира, которого он хочет.узел js routing not rendering

Я написал следующий фрагмент кода: -

app.post('/passenger',function(req,res){ 
     var user = new User({profile:{name:req.body.uname}, 
     type:"passenger", 
     phone_no:req.body.contact, 
     origin:{city:req.body.pick}, 
     destination:{city:req.body.drop} 
     // email:req.body.email, 
    // password:req.body.password 
    }) 
     user.save(); 
     res.redirect('/'); 
    });  

app.post('/driver',function(req,res){ 
     var user = new User({profile:{name:req.body.uname}, 
     type:"driver", 
     phone_no:req.body.contact, 
     origin:{city:req.body.pick}, 
     destination:{city:req.body.drop} 
     // email:req.body.email, 
    // password:req.body.password 
    }) 
      user.save(); 
      console.log("heyyyy") 
      res.redirect('/select'); 

    }); 

app.get('/select',function(req,res){ 
    // User.find(function(err,type){ 
//   res.render('select',{type:type}); 
//  }); 
    if (req.user){ 
     console.log("U are inside") 
    if(req.user.type="passenger") 
    { 
     res.render('select'); 
    } 
    else{ 
     res.send("You ar not admin"); 
    } 
} 
    console.log("u are outside") 
    console.log(req.body.uname) 
    console.log()  
});

Значение становится сохраняется в базе данных, но я не в состоянии получить информацию (то есть список всех пассажиров).

Я не могу обработать его (т. Е. Дать ошибку).

Пожалуйста, помогите мне ..

источник

2015-07-03 Anonymous

вы можете разместить HTML-страницу – Catmandu

Трудно точно определить источник проблемы, не зная, как вы настраиваете экспресс-сервер в любом случае я создал пример, основанный на вашем контексте.

app.js файл:

var express = require('express'); 
var app = express(); 
var bodyParser = require('body-parser'); 
var engine = require('ejs-locals'); 
var querystring = require('querystring'); 

var drivers = []; 

var passengers = [{name: 'Wilson'}, {name: 'Raul'}]; 

app.engine('ejs', engine); 
app.set('view engine', 'ejs'); 

app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({extended: true})); 

app.get('/', function(req, res) { 
    res.render('driver'); 
}); 

app.post('/driver', function(req, res) { 
    var driver = { 
    name: req.body.name, 
    age: req.body.age 
    }; 

    drivers.push(driver); 

    var data = { 
    driver: driver, 
    passengers: passengers 
    }; 

    res.render('passengers', data); 
}); 

app.get('/result', function(req, res) { 
    var data = { 
    driverName: '', 
    passengerNames: [] 
    }; 

    data.driverName = req.query.driverName; 
    data.passengerNames = data.passengerNames.concat(req.query.passengerNames); 

    res.render('result', data); 
}); 

app.post('/api/passengers', function(req, res) { 
    var data = { 
    passengerNames: req.body.passengerNames, 
    driverName: req.body.driverName 
    }; 

    var qs = querystring.stringify(data); 
    res.redirect('/result?' + qs); 
}); 

app.listen(4040, function() { 
    console.log('server up and running at port 4040'); 
});

views/layout.ejs файл:

<!doctype html> 
<html> 
    <head> 
    <title>Drivers App</title> 
    </head> 
    <body> 
    <div id="app"> 
     <%- body %> 
    </div> 
    <script> 
     document.addEventListener('DOMContentLoaded', function(e) { 

     var btnNext = document.getElementById('btnNext'); 
     btnNext.onclick = function(e) {     
      var allPassengers = document.querySelectorAll('input[type=checkbox]'); 
      var selectedPassengers = [].filter.call(allPassengers, function(p) { 
       return p.checked; 
      }); 

      var passengerNames = [].map.call(selectedPassengers, function(p) { 
       return p.value; 
      }); 

      var driverName = document.getElementById('driverName').innerHTML; 

      var r = new XMLHttpRequest(); 
      r.open('POST', '/api/passengers'); 
      r.setRequestHeader('Content-type', 'application/json;charset=UTF-8'); 
      r.onreadystatechange = function() { 
       if (r.readyState != 4 || r.status != 200) return; 
       document.getElementById('app').innerHTML = r.responseText; 
      }; 

      r.send(JSON.stringify({ 
       passengerNames: passengerNames, 
       driverName: driverName 
      })); 
     }; 

     }); 
    </script> 
    </body> 
</html>

views/driver.ejs файл:

<% layout('layout.ejs') -%> 

<h1> Driver </h1> 

<form method="POST" action="/driver"> 
    <label>Name:</label> 
    <input id="name" name="name" type="text"/> 
    <br /> 

    <label>Age:</label> 
    <input id="age" name="age" type="text"/> 
    <br /> 
    <br /> 

    <input type="submit" value="Submit" /> 
</form> 

`views/passengers.ejs` 

<% layout('layout') -%> 

<h1> Driver </h1> 
<p>Name: <span id="driverName"><%= driver.name%></span></p> 

<h1> Passengers </h1> 
<% passengers.forEach(function(p) {%> 
    <input type="checkbox" value=<%= p.name %> /> <%= p.name %> <br /> 
<% }); %> 

<br /> 
<button id="btnNext">Next</button>

views/result.ejs файл:

<h1>Success!</h1> 

<h2>Driver</h2> 
<h3><%= driverName %></h3> 
<br /> 
<h2>Selected Passengers</h2> 
<% passengerNames.forEach(function(name) { %> 
    <h3><%= name%></h3> 
<% }); %>

источник

2015-07-03 21:40:41 Wilson

Спасибо большое Бадди попробовать –

..can вы дать мне ссылку, чтобы я мог развивать себя –

ответ

Смежные вопросы