如何在HTML中将数据与路由器链接一起传递？

<a href="/user?id=123&name=John">Go to User Profile</a>

<a href="/user/123/John">Go to User Profile</a>

<form action="/submit" method="get">
  <input type="hidden" name="id" value="123">
  <input type="hidden" name="name" value="John">
  <button type="submit">Submit</button>
</form>

<button onclick="navigateToUser()">Go to User Profile</button>

<script>
function navigateToUser() {
  var id = '123';
  var name = 'John';
  window.location.href = '/user?id=' + id + '&name=' + name;
}
</script>

var id = encodeURIComponent('123');
var name = encodeURIComponent('John');
window.location.href = '/user?id=' + id + '&name=' + name;

const express = require('express');
const app = express();

app.get('/user', (req, res) => {
  const id = req.query.id;
  const name = req.query.name;
  res.send(`User ID: ${id}, Name: ${name}`);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});