我需要帮助在nodejs中的express.js框架中进行url映射。
router.get('/first/:second_param', function(res,req){
//processing second_param and rendering a template,
res.render('first.html');
});
router.get('/first/:second_param/get_items', function(res,req){
//again evaluating second_param and and responding accordingly
res.send(jsonData);
});
在Express 4.0中,这种路由可能吗?
首先,html在url'处发出ajax请求/get_items'
是的,使用Express 4.0可以做到这一点。
这里有一个例子:
您需要安装ejs并表达:npm install ejs express
app.js
文件:
var express = require('express');
var app = express();
app.set('view engine', 'ejs');
app.get('/', function(req, res) {
res.redirect('/home/2');
});
app.get('/home/:itemId', function(req, res) {
var itemId = req.params.itemId;
console.log(itemId);
res.render('index');
});
app.get('/api/items/:itemId', function(req, res) {
var itemId = req.params.itemId;
console.log('item id: %s', itemId);
res.json([{name: 'item1'}]);
});
app.listen(8080, function() {
console.log('server up and running at 8080');
});
views/index.ejs
文件:
<!doctype html>
<html>
<head>
</head>
<body>
<h1>Hello World!</h1>
<script>
function responseGET() {
if(this.readyState !== 4 || this.status !== 200) return;
alert(this.responseText);
}
function getItems(URL) {
var request = new XMLHttpRequest();
request.open('GET', URL, true);
request.onreadystatechange = responseGET.bind(request);
request.send(null);
}
function domReady() {
getItems('http://localhost:8080/api/items/1');
}
document.addEventListener('DOMContentLoaded', domReady);
</script>
</body>
</html>
基本上,我有一个服务器,当有人在/home/:itemId
请求时,它正在提供index.html,而且我还公开了另一个用于提供项目/api/items/:itemId
的路由。
一旦DOM准备好,我就从客户端向/api/items/:itemId
请求一些项目,然后这些项目将显示在索引html中。