이메일로 편지를 보내기 위한 노드 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 옵션에 전달할 수 있습니다.다음은 허용되는 다양한 옵션을 보여주는 보내기 옵션(위에서 공유한 문서에서 차용)의 구문 예입니다.
으아아아