반응형
이번에는 POST방식으로 전송했을 때 받는 법을 하겠다!
아래의 코드의 html 파일이 필요하다
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="/create" method="POST">
<input type="text" name="id" placeholder="ID" />
<input type="text" name="name" placeholder="NAME" />
<input type="submit" value="Submit" />
</form>
</body>
</html>
여기서 action 을 정해준다.
여기에는 전송하고 싶은 URL를 적어주면 된다!
그다음 server.js에서 아래의 코드를 추가한다
else if (pathname === '/create') {
dataAll = '';
request.on('data', function (data) {
dataAll = dataAll + data;
});
request.on('end', function () {
var result = querystring.parse(dataAll);
console.log(parsedQuery);
response.writeHead(200);
response.end(result.id + ' And ' + result.name);
});
}
request.on의 data는 data를 받는다는 뜻이고, 많은 양의 데이터를 한 번에 받는 게 무리라서, 하나씩 하나씩 data를 모
안 준다
request.on('data', function (data) {
dataAll = dataAll + data;
});
request.on end는 마무리 짓는다고 보면 된다
모은 데이터 ( dataAll ) 를 parse 해서 사용할 수 있게 뜸하다
request.on('end', function () {
var result = querystring.parse(dataAll);
console.log(parsedQuery);
response.writeHead(200);
response.end(result.id + ' And ' + result.name);
});
그리고 server.js 위에 선언할게 남아있다.
querystring이라는 모듈을 선언해서 사용하도록 하자
다음은 테스트를 해본다. 브라우저에서 입력란에 입력을 한 뒤 【submit】버튼을 클릭
POST형식으로 전송받고, 그걸 다시 반환받은 것을 확인했다!
반응형
'Web Programming > Node.js' 카테고리의 다른 글
| Node.js URL 조작 해보기 (0) | 2021.01.28 |
|---|---|
| Node.js GET 하기 (0) | 2021.01.28 |
| Node.js Server 구축 (0) | 2021.01.28 |
| Node.js 설치 하기 (0) | 2021.01.28 |
