ajaxとエクスプレスルーティングで新しいURLにリダイレクト

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ページです。クリックしてレンダリングする必要があります。

EDIT： 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);