使用ajax重定向到新的網址並快速路由

Question

我有一個頁面上的id: 'tune-in'按鈕auth.ejs，點擊應該進入新頁面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);