> 웹 프론트엔드 > 프런트엔드 Q&A > nodejs 페이지 점프 매개변수 전송

nodejs 페이지 점프 매개변수 전송

PHPz
풀어 주다: 2023-05-18 15:10:38
원래의
711명이 탐색했습니다.

Node.js는 JavaScript 인터프리터가 서버에서 코드를 실행할 수 있게 해주는 경량 JavaScript 런타임 환경입니다. 결과적으로 Node.js는 웹 애플리케이션 구축에 일반적으로 사용되는 널리 사용되는 서버 측 개발 언어가 되었습니다.

Node.js에서는 Express 프레임워크를 사용하여 웹 애플리케이션을 쉽게 구축할 수 있습니다. 웹 애플리케이션에서는 다른 페이지 콘텐츠를 표시하기 위해 페이지로 이동하고 매개변수를 전달해야 하는 경우가 많습니다. 이 기사에서는 Express에서 페이지 점프 및 전달 매개변수를 구현하는 방법을 소개합니다.

  1. Express의 페이지 점프

Express에서 페이지 점프는 res.redirect() 함수를 통해 구현됩니다. res.redirect() 함수는 URL 문자열을 매개변수로 받아들이고 브라우저를 URL에 지정된 페이지로 리디렉션합니다. 예:

app.get('/home', function(req, res) {
  res.redirect('/login');
});
로그인 후 복사

위 코드에서 사용자가 "/home" 경로에 액세스하면 서버는 사용자를 "/login" 경로로 이동합니다.

  1. Express에서 매개변수 전달

매개변수를 전달해야 하는 경우 URL 쿼리 매개변수나 경로 매개변수를 사용할 수 있습니다. URL 쿼리 매개변수는 "/user?name=john&age=30"과 같이 URL 끝에 있는 키/값 쌍입니다. 라우팅 매개변수는 "/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" 경로에 액세스하면 서버는 "이름: john, Age: 30"을 반환합니다.

2.2 라우팅 매개변수

Express에서는 라우팅 매개변수를 사용하여 동적으로 매개변수를 전달할 수 있습니다. 예:

app.get('/user/:name', function(req, res) {
  var name = req.params.name;
  res.send('Name: ' + name);
});
로그인 후 복사

위 코드에서 사용자가 "/user/john" 경로에 액세스하면 서버는 "이름: john"을 반환합니다.

  1. 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"를 전달합니다. 마지막으로 서버는 사용자 이름과 나이가 포함된 페이지를 렌더링합니다.

Summary

이 기사에서는 Express에서 페이지 점프 및 전달 매개변수를 구현하는 방법을 소개했습니다. res.redirect() 함수를 사용하여 페이지로 이동할 수 있고, URL 쿼리 매개변수나 라우팅 매개변수를 사용하여 매개변수를 전달할 수 있습니다. 페이지 점프를 구현하고 동시에 매개변수를 전달하는 경우 URL에 쿼리 매개변수 또는 라우팅 매개변수를 전달할 수 있습니다.

위 내용은 nodejs 페이지 점프 매개변수 전송의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿