Question

我使用ajax向我的服务器发出PUT http请求。我在/contact/:id'处理请求，然后重定向到'/contacts'。

但是，重定向后，视图contacts/index无法呈现，但当我只是访问浏览器并访问http://localhost:3000/contacts时，它就能完美运行。当我在console.log(params)路线中/contacts时，它们正如我预期的那样正确。

提前致谢！

app.js：

var path = require('path');
var express = require('express');
var load = require('consign');
var bodyParser = require('body-parser');
var cookieParser = require('cookie-parser');
var session = require('express-session');

var app = express();

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

app.use(cookieParser());
app.use(session({secret: 'ntalk',
     resave: false,
     saveUninitialized: true}));


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

app.use('/public', express.static('public'));


app.listen(3000, function(){
     console.log("Running");
});

// Routes

app.post('/enter', function(req,res){
     var name = req.body.user.name;
     var email = req.body.user.email;

     if(name && email){
          var user = req.body.user;
          usuario['contacts'] = [];
          req.session.user = user;
          res.redirect('/contacts');
     }
     else{
          res.redirect('/');
     }
});

app.get('/contacts', function(req,res){
     var user = req.session.user;
     var contacts = user.contacts;
     var params = {
          user: user,
          contacts: contacts
     };
     console.log(params);
     res.render('contacts/index', params);
});

app.put('/contact/:id', function(req,res){
     var user = req.session.user;
     var contacts = req.body.contact;
     var id = req.params.id;
     user.contacts[id] = contact;
     res.redirect(303, '/contacts');
});

AJAX：

$(document).ready(function() {
     $("#editForm").submit(function(e){
          e.preventDefault();

          var data = {
               contact: {
                    name: $("#name").val(),
                    email: $("#email").val()
               }
          };

          $.ajax({
               type: 'PUT',
               url: '/contact/' + $("input:first").val(),
               data: data,
               success: function(){
                    console.log("Edited");
               }
          });
     });
});

Answer 1

您是否意识到ajax调用的重定向并不会导致浏览器执行任何操作？它只是对你的ajax呼叫的303响应。如果您愿意，可以根据您的ajax代码对重定向响应执行某些操作。

如果您希望更改浏览器页面，那么从PUT获取响应的代码可以从ajax响应中获取重定向的URL并设置window.location以使浏览器页面实际更改

Answer 2

尝试前端重定向：

$.ajax({
    type: 'PUT',
    url: '/contact/' + $("input:first").val(),
    data: data,
    success: function(){
      console.log("Edited");
      location = '/contacts'; //this is the redirect
    }
});

Answer 3

PUT请求重定向与PUT重定向，您的路由映射到GET。您不应该重定向，只需渲染视图或返回数据。

重定向后表示res.render无法正常工作

3 个答案: