使用 ajax 和快速路由重定向到新的 url

Question

我在页面auth.ejs 上有一个带有id: 'tune-in' 的按钮，单击该按钮应转到新页面index.ejs。

但是，当我单击按钮时，index 页面未呈现。相反，我仍然在 auth 页面上，但是我确实在控制台中记录了“应该显示调入主页”的消息。

在 html (ejs) 页面上（视图文件夹 > auth.ejs）

  document.getElementById('tune-in').addEventListener('click', function() {
    $.ajax({
      type: 'GET',
      url: '/tune-in',
      success: function(){
        console.log("should display tune-in home page");
      }
    });
}, false);

控制器文件夹 > authController.js

  app.get('/tune-in', function(req, res){
    res.render('index');
  });

查看文件夹 > index.ejs 这只是一个普通的 html 页面，应该在点击时呈现。

编辑： index.js

var express = require('express');
var cookieParser = require('cookie-parser');

// userController takes care of rendering the view and
// routing requests to the server
var authController = require('./controllers/authController');
var userController = require('./controllers/userController');

var app = express();

app.set('view engine', 'ejs');
app.use(express.static('./public'))
   .use(cookieParser());

authController(app);

app.listen(process.env.PORT || 4000);
console.log("Listening to port 4000...");

Answer 1

如果我没记错的话，这就是你需要的。

 document.getElementById('tune-in').addEventListener('click', function() {
$.ajax({
  type: 'GET',
  url: '/tune-in',
  success: function(data){
    console.log("should display tune-in home page");
    // data must be valid html
    $("html").html(data); // this line tells to load the data
    // $("#otherid").html(data);
   }
 });
}, false);