nodejs頁面跳轉傳參

Node.js是一個輕量的JavaScript運行環境，可以讓JavaScript解譯器在伺服器上執行程式碼。因此，Node.js成為了一種流行的伺服器端開發語言，常用於建立網路應用程式。

在Node.js中，使用Express框架可以輕鬆地建立網路應用程式。在Web應用程式中，經常需要進行頁面跳轉並傳遞參數，以便展示不同的頁面內容。本文將介紹如何在Express中實現頁面跳轉並傳遞參數。

1. 在Express實現頁面跳躍

在Express中，頁面跳躍透過res.redirect()函數來實現。 res.redirect()函數接受一個URL字串作為參數，將瀏覽器重新導向到該URL指定的頁面。例如：

app.get('/home', function(req, res) {
  res.redirect('/login');
});

在上面的程式碼中，當使用者存取「/home」路徑時，伺服器將跳轉使用者到「/login」路徑。

2. 在Express傳遞參數

如果我們需要傳遞參數，我們可以使用URL查詢參數或路由參數。 URL查詢參數是位於URL末尾的鍵/值對，例如「/user?name=john&age=30」。路由參數位於路徑中，例如“/user/:name”。

2.1 URL查詢參數

在Express中，我們可以使用req.query物件來取得URL查詢參數。例如：

app.get('/user', function(req, res) {
  var name = req.query.name;
  var age = req.query.age;
  res.send('Name: ' + name + ', Age: ' + age);
});

在上面的程式碼中，當使用者存取「/user?name=john&age=30」路徑時，伺服器將傳回「Name: john, Age: 30」。

2.2 路由參數

在Express中，我們可以使用路由參數來動態傳遞參數。例如：

app.get('/user/:name', function(req, res) {
  var name = req.params.name;
  res.send('Name: ' + name);
});

在上面的程式碼中，當使用者存取「/user/john」路徑時，伺服器將傳回「Name: john」。

3. 在Express中同時實現頁面跳轉和傳遞參數

在Express中，我們可以透過在URL中傳遞查詢參數或路由參數來同時實現頁面跳轉和傳遞參數。例如：

app.get('/login', function(req, res) {
  var name = req.query.name;
  var age = req.query.age;
  res.render('login', { name: name, age: age });
});

app.post('/login', function(req, res) {
  var name = req.body.name;
  var age = req.body.age;
  res.redirect('/user/' + name + '?age=' + age);
});

app.get('/user/:name', function(req, res) {
  var name = req.params.name;
  var age = req.query.age;
  res.render('user', { name: name, age: age });
});

在上面的程式碼中，當使用者存取「/login」路徑時，伺服器將為使用者呈現一個表單，以便輸入姓名和年齡。當使用者提交表單時，伺服器將重定向到「/user/:name」路徑，並在URL中傳遞查詢參數「age」。最後，伺服器將呈現一個帶有使用者名稱和年齡的頁面。

總結

在本文中，我們介紹如何在Express中實現頁面跳躍並傳遞參數。我們可以使用res.redirect()函數進行頁面跳轉，同時可以使用URL查詢參數或路由參數來傳遞參數。在實現同時實現頁面跳躍和傳遞參數時，我們可以在URL中傳遞查詢參數或路由參數。

以上是nodejs頁面跳轉傳參的詳細內容。更多資訊請關注PHP中文網其他相關文章！