Express、ルートからクライアント側にあるJSファイルに変数を渡す方法

Question

グラフを生成する別のファイルにクライアント側のjavascriptを持つExpressプロジェクトがあります。グラフを描画できるように、私はエクスプレスルートからこのjavascriptファイルに変数を渡そうとしています。 以下のコードを試しましたが、次のエラーが発生しています。

Error: Cannot find module 'js'

app.get('/users', function(req, res) { 
    res.render(path.join(__dirname, '../views/js/users_chart.js'), { 
    'users': users 
    }); 
}); 

Answer 1

として有用である、解決策を見つけました。

経路から変数を受け取るクライアント側にjavascriptファイルを持たせるには、JSONの変数をルートファイルからクライアント側のjavascriptファイルに送信する必要がありました。私はクライアント側のjavascriptファイルでJSONを受け取るためにXMLHttpRequestを使用しました。

ベローは、クライアントサイドのjavascriptファイルであるusers_graph.jsのコードです。

var xmlhttp = new XMLHttpRequest(); 
var url = "/users"; 
xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     var users = JSON.parse(xmlhttp.responseText).users; 
     // do something with the users variable that was passed by the routes 

    } 
}; 

xmlhttp.open("GET", url, true); 
xmlhttp.setRequestHeader('Accept', 'application/json'); 
xmlhttp.send(); 

Answer 2

は、私はあなたがJSファイルをレンダリングすることはできませんres.renderとserving static files

用Expressのドキュメントを確認することが有用であると思います。あなたが

/* server.js */ 
app.set('view engine', 'ejs'); 
app.register('.html', require('ejs')); 
// serve your js statically 
app.use('/js', path.join(__dirname, '../views/js/users_chart.js') 
app.get('/users', function(req, res) { 
    // pass variable to html page 
    res.render('users.html', { 
     'users': users 
    }); 
}); 

// in users.html 
<script type="text/javascript" src="/js/users_chart.js"> 

This postであなたの静的user_chart.jsを提供したい見える

は大きな助けを受けた後、おそらくうまく