집 > 기사 > 웹 프론트엔드 > Node.js는 데이터를 정의하고 제출하기 위해 양식 태그의 사용을 제어합니다.

Node.js는 데이터를 정의하고 제출하기 위해 양식 태그의 사용을 제어합니다.

php是最好的语言원래의: 2018-08-03 09:28:011770검색

양식 제출을 위해서는 이전에 다운로드한 프로젝트 인터페이스가 있어서 URL에 업로드해야 하는 일이 많았는데, URL에는 브라우저마다 URL 길이 제한이 다르기 때문에 이용하려고 했습니다. 양식을 제출할 양식 작업입니다.

form 태그 정의 및 사용법 자세한 내용을 보려면 여기를 클릭하십시오.

태그는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다.

양식에는 텍스트 필드, 확인란, 라디오 버튼, 제출 버튼 등과 같은 입력 요소가 포함될 수 있습니다.

양식에는 메뉴, 텍스트 영역, 필드 세트, 범례 및 레이블 요소도 포함될 수 있습니다.

양식은 데이터를 서버로 전송하는 데 사용됩니다. (사용할 내용)

폼 제출 데이터 사용

여기서는 js를 사용하여 이벤트를 호출하는 폼 제출을 작성하겠습니다. 페이지에 표시되지 않는 양식의 예

다음 코드 method는 form 태그의 속성입니다. 요청 방법은 jquery의 ajax와 동일합니다. 여기서는 post request를 사용하며, form 태그의 enctype 속성은 방법을 지정합니다. 양식 데이터를 보내기 전에 인코딩하세요. form 태그의 target="_blank" 속성은 새 페이지에서 여는 것과 동일하므로 다운로드하는 것입니다. 새 페이지.

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔爱萝莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了

다음으로 js를 사용하여 이벤트를 호출하고 action 속성을 form에 동적으로 추가하여 그가 위치를 요청하기를 원한다는 것을 양식에 알립니다.

// js 获取form表单var form_submit = document.getElementById(&#39;form-submit&#39;);// js获取按钮var go = document.getElementById(&#39;go&#39;);// 当点击go时执行事件go.addEventListener（&#39;click&#39;,function(){
  // 动态给form表单设置请求位置
  form_submit.active = "http://www.daxuehua.cn";  // 让form表单提交
  form_submit.submit()
}）

이렇게 하면 URL 값이 너무 길면 다운로드할 수 없는 문제를 해결할 수 있습니다

양식 제출의 경우 이전에는 다운로드 프로젝트 인터페이스가 있었기 때문에 많은 것을 업로드해야 합니다. url인데 url은 길이를 제한하고 있습니다. 브라우저마다 URL 길이 제한이 다르기 때문에 form 액션을 사용하여 양식을 제출할까 생각했습니다.

form 태그 정의 및 사용법 자세한 내용을 보려면 여기를 클릭하십시오.

태그는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다.

양식에는 텍스트 필드, 확인란, 라디오 버튼, 제출 버튼 등과 같은 입력 요소가 포함될 수 있습니다.

양식에는 메뉴, 텍스트 영역, 필드 세트, 범례 및 레이블 요소도 포함될 수 있습니다.

양식은 데이터를 서버로 전송하는 데 사용됩니다. (사용할 내용)

폼 제출 데이터 사용

여기서는 js를 사용하여 이벤트를 호출하는 폼 제출을 작성하겠습니다. 페이지에 표시되지 않는 양식의 예

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔爱萝莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了

다음으로 js를 사용하여 이벤트를 호출하고 action 속성을 form에 동적으로 추가하여 그가 위치를 요청하기를 원한다는 것을 양식에 알립니다.

// js 获取form表单var form_submit = document.getElementById(&#39;form-submit&#39;);// js获取按钮var go = document.getElementById(&#39;go&#39;);// 当点击go时执行事件go.addEventListener（&#39;click&#39;,function(){
  // 动态给form表单设置请求位置
  form_submit.active = "http://www.daxuehua.cn";  // 让form表单提交
  form_submit.submit()
}）

이 방법으로 URL 값이 너무 길면 다운로드할 수 없는 문제를 해결할 수 있습니다

Node.js는 데이터를 정의하고 제출하기 위해 양식 태그의 사용을 제어합니다.

form 태그 정의 및 사용법 자세한 내용을 보려면 여기를 클릭하십시오.

폼 제출 데이터 사용

form 태그 정의 및 사용법 자세한 내용을 보려면 여기를 클릭하십시오.

폼 제출 데이터 사용

관련 기사