如何簡單地將節點js中的變量傳遞給html並將其顯示在頁面中? 什麼是簡單的機制。 我試圖用開發一個簡單的待辦事項列表節點JS如何將數據從節點js傳遞給html。?
回答
有兩種方法在這裏你可以用它來從節點(服務器端)查看數據,以HTML:
1 - 你可以創建一個文件在json中返回數據的節點中,然後從JQuery中,你可以做一個ajax調用這個頁面並用它替換部分HTML。在節點JS 示例代碼:
var usersFilePath = path.join(__dirname, 'users.min.json');
apiRouter.get('/users', function(req, res){
var readable = fs.createReadStream(usersFilePath);
readable.pipe(res);
});
Ajax調用:
$.get("/users", function(data) {
$(".result").html(data);
alert("Load was performed.");
});
2 - 你可以使用與翡翠表達(我建議 http://expressjs.com/)
這裏是我如何獲得博客從node.js開始Click Here 我爲nodejs創建了一個入門工具包如果您有興趣Click Here
Express不是一個模板引擎。它使用Jade,這是一個模板引擎。您也可以使用把手或EJS。 – Crowes
建立路線並使用res.send
方法以html內容進行響應。 html內容可以使用es2015模板在響應中包含一個變量。所以它看起來像:
const name = 'pradeep';
res.send(`hello ${name}`);
試試這個,它可能會幫助你。
以下功能將結合動態數據的HTML
function doDataBinding(data, databindings){
for(var prop in databindings)
if(databindings.hasOwnProperty(prop))
data = data.split('${'+prop+'}').join(databindings[prop]);
return data;
}
樣本請求以驗證動態數據綁定是如下
app.use('/*', function(req, res){
//sample binding data
var dataToBind = { 'msg' : 'You\'ve been logged out successfully.' , 'error' : 'The username and password that you entered don\'t match.' };
res.writeHead(200, {
"Content-Type": "text/html"
});
fs.readFile(__dirname + '/login.html', 'utf8' ,function(err, data) {
if (err) throw err;
data = doDataBinding(data,dataToBind);
res.write(data);
res.end();
});
});
嘗試使用具有$ {msg}和$ {error}數據綁定的login.html。
感謝您的評論 –
- 1. 將數據值從HTML傳遞給JS
- 2. 將html節點傳遞給javascript函數
- 3. 將數據從jsp傳遞給html
- 4. 如何將XML節點傳遞給mongoDB
- 5. 將值傳遞給節點
- 6. 無法將html數組傳遞給JS
- 7. 如何將數據的子選擇傳遞給子節點?
- 8. XSLT如何將數據傳遞給父節點
- 9. 從角JS傳遞JSON到節點JS
- 10. 將參數傳遞給節點api
- 11. 如何將元素ID傳遞給函數的參數? HTML/JS
- 12. 如何將變量從html表單傳遞給.js文件?
- 13. 如何將HTML從textarea傳遞給jQuery?
- 14. 節點js如何將數據傳遞給靜態html作爲對ajax響應的調用
- 15. Drupal:如何將變量從節點傳遞給塊?
- 16. Flags + d3.js:將多個數據集傳遞給html
- 17. 將數據傳遞給JQuery,然後將HTML傳遞給HTML(多步)
- 18. HTML-將數據傳遞給perl腳本
- 19. 如何創建節點並將其傳遞給函數?
- 20. 從節點傳遞數據到Vuejs
- 21. 如何將子節點追加到傳遞給函數的現有父節點?
- 22. 將值傳遞給節點js模塊以獲得Express路由
- 23. 將curl選項傳遞給節點js http請求
- 24. 如何在傳遞給HttpWebRequest之前將不同的值傳遞給xml節點
- 25. 將數組從js循環傳遞給highcharts系列數據
- 26. 將數據父項傳遞給子節點
- 27. 節點將隱藏的數據傳遞給其他路由
- 28. 將數據從HTML傳遞到JS函數
- 29. 將參數從節點傳遞給CasperJS腳本使用ExecFile
- 30. 將事件傳遞給父節點
看看基於Node.js的框架,如['express'](https://expressjs.com) – piotrbienias
[將node.js傳遞給html]的可能重複(http://stackoverflow.com/questions/37991995 /傳遞變量 - 從節點 - js-to-html) –
哦..謝謝。我可以不用快遞嗎? –