84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
이메일로 편지를 보내기 위한 노드 JS 스크립트(app.js)가 있습니다:
다른 js 파일에는 이 js 스크립트를 실행하고 버튼을 누르면 이메일을 보내는 버튼이 있습니다.
html 파일에는 문자 메시지 입력 필드가 있습니다
버튼을 눌렀을 때 이 입력 값을 이메일로 어떻게 보낼 수 있나요?
Fetch API는 두 번째 매개변수인 옵션 개체를 허용합니다. 이곳이 입력을 전달하는 곳입니다. 귀하의 경우에는 입력 값을 캡처해야 합니다. 다음과 같은 경우:
let input = document.getElementById("电话号码");
그러면 input.value를 사용하여 값에 액세스할 수 있습니다. 옵션 객체의 body 속성으로 보내면 서버의 요청 본문에 나타나야 합니다.
input.value
다음과 같은 것:
귀하께서 다른 요소(head）的点击。如果是这种情况，那么您可能需要在输入上使用 onChange 로컬 어딘가에 값을 저장하는 핸들러)도 듣고 계시군요. 그런 다음 사용자가 다른 요소를 클릭하면 해당 요소를 get 옵션에 전달할 수 있습니다.
head
onChange
다음은 허용되는 다양한 옵션을 보여주는 보내기 옵션(위에서 공유한 문서에서 차용)의 구문 예입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Fetch API는 두 번째 매개변수인 옵션 개체를 허용합니다. 이곳이 입력을 전달하는 곳입니다. 귀하의 경우에는 입력 값을 캡처해야 합니다. 다음과 같은 경우:
let input = document.getElementById("电话号码");그러면
input.value를 사용하여 값에 액세스할 수 있습니다. 옵션 객체의 body 속성으로 보내면 서버의 요청 본문에 나타나야 합니다.다음과 같은 것:
으아아아귀하께서 다른 요소(
head）的点击。如果是这种情况，那么您可能需要在输入上使用onChange로컬 어딘가에 값을 저장하는 핸들러)도 듣고 계시군요. 그런 다음 사용자가 다른 요소를 클릭하면 해당 요소를 get 옵션에 전달할 수 있습니다.다음은 허용되는 다양한 옵션을 보여주는 보내기 옵션(위에서 공유한 문서에서 차용)의 구문 예입니다.
으아아아