Q&A
<from action="/create" method="post"> はtypoだと思います。
###問題と実現したいこと
以下のコードに置いて、create!ボタンを押したときにlocalhost:3000/createへ遷移したい。
押しても全く反応がない。logも全くコンソールに表示されない。
(http://dotinstall.com/lessons/basic_expressjs/26510 を使って勉強してました)
###該当のソースコード
javascript
1[app.js] 2var express=require('express'); 3 app=express(); 4var logger = require('morgan'); 5var bodyParser = require('body-parser'); 6 7app.set('views',__dirname+'/views'); 8app.set('view engine','ejs'); 9 10//middleware 11app.use(bodyParser.json()); 12app.use(bodyParser.urlencoded({extended: true})); 13app.use(logger('dev')); 14 15//get 16app.get('/new',function(req,res){ 17 res.render('new'); 18}); 19//post 20app.post('/create',function(req,res){ 21 console.log("検証"); 22 res.send(req.body.name); 23}); 24 25app.listen(3000); 26console.log('Server Running');
html
1[new.ejs] 2 3<!DOCTYPE html> 4<html> 5<from action="/create" method="post"> 6<input type="text" name="name"> 7<input type="submit" value="create!"> 8</form> 9</html> 10
###ファイル構成
test
|---node_module
|---views
|---app.js
|---pacage.json
views
|---new.ejs
###試したこと
ブラウザを変えたりしましたがだめでした。
console.logの("検証")も表示されないので、new.ejsの問題かなと思っています。
###補足情報(言語/FW/ツール等のバージョンなど)
Expressは４系です
自己解決
