Jquery Ajax post不会呈现/发送页面、节点和;表达
因此,我试图让ajax向服务器发送一个请求,以呈现一个新页面Jquery Ajax post不会呈现/发送页面、节点和;表达,jquery,ajax,node.js,express,Jquery,Ajax,Node.js,Express,因此,我试图让ajax向服务器发送一个请求,以呈现一个新页面 $('#statistics').click(function () { $.ajax({url:'profile', type:'POST', success:function(){console.log("Success!"); }}); }); 然后到达 profile.js router.post('/',f
$('#statistics').click(function () {
$.ajax({url:'profile',
type:'POST',
success:function(){console.log("Success!");
}});
});
然后到达
profile.js
router.post('/',function(req,res,next){
res.redirect('statistics');
});
然后他们又到达
statistics.js
router.get('/', function(req, res, next) {
res.send("wat up");
});
从我所看到的内容中,我没有发现任何错误,而且我相信它会通过我在这里给出的所有代码,因为当我在profile.js的帖子中放置一堆console.log并获取statistics.js时,它们都会打印出来。然而,当我点击p元素时,似乎什么都没有发生。浏览器卡在同一页上
编辑:
App.js
var express = require('express');
var helmet = require('helmet');
var csrf = require('csurf');
var path = require('path');
var favicon = require('serve-favicon');
var flash = require('connect-flash');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var session = require('express-session');
var routes = require('./routes/index');
var users = require('./routes/users');
var profile = require('./routes/profile');
var statistics = require('./routes/statistics');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
//Security shyts
app.use(helmet());
app.use(helmet.xssFilter({ setOnOldIE: true }));
app.use(helmet.frameguard('deny'));
app.use(helmet.hsts({maxAge: 7776000000, includeSubdomains: true}));
app.use(helmet.hidePoweredBy());
app.use(helmet.ieNoOpen());
app.use(helmet.noSniff());
app.use(helmet.noCache());
// rest of USE
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(session({secret: 'anystringoftext', saveUninitialized: true, resave: true, httpOnly: true, secure: true}));
app.use(csrf()); // Security, has to be after cookie and session.
app.use(flash());
app.use(express.static(path.join(__dirname, 'public')));
// csrfToken usage
app.use(function (req, res, next) {
var token = req.csrfToken();
res.locals.csrfToken = token;
next();
});
app.use('/', routes);
app.use('/users', users);
app.use('/profile', profile);
app.use('/statistics', statistics);
// catch 404 and forward to error handler
//app.use(function(req, res, next) {
// var err = new Error('Not Found');
// err.status = 404;
// next(err);
//});
// error handlers
// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: err
});
});
}
// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: {}
});
});
module.exports = app;
实际上,它根本不应该是Ajax请求:
<form action="profile" method="post">
<input type="submit" value="Statistics">
</form>
Ajax不会在303响应时重定向浏览器。您可以通过
document.location
自己完成,但是,浏览器已经在不使用Ajax的情况下为您处理了这一问题。无需重新想象温水。“/profile”!==“/”
?是的,它仍然有效。当我放置/配置文件时,会出现错误。。。我会发布app.js,也许这会让事情变得更清楚。因此,如果我理解正确,你上面写的表单会将我发送到profile.js中的route.post。从那里我将提取值统计信息,我假设可以给它一个名称,因为我将有更多的按钮链接到其他页面。然后我可以重定向到route.get in statistics.js?是的,听起来这就是你想要它做的一切。最酷的是你可以利用标准协议来实现它。我对所有的web应用程序都比较陌生,只做了2周左右。那么,“利用标准协议来实现它”的确切含义是什么呢?很高兴这有帮助,带有POST方法的HTML表单利用了HTTP标准协议。浏览器通过零行代码重定向来处理HTTP响应。或者,您也可以使用Ajax创建自己的机制。