> 웹 프론트엔드 > HTML 튜토리얼 > 웹페이지에서 백그라운드로 데이터를 제출하는 방법 및 옵션

웹페이지에서 백그라운드로 데이터를 제출하는 방법 및 옵션

WBOY
풀어 주다: 2016-09-23 11:13:15
원래의
1615명이 탐색했습니다.

1. 양식을 통해 제출

이것은 HTML에서 지원하는 가장 전통적인 제출 방법입니다. 양식을 작성해야 하며 양식에는 다양한 유형의 양식 요소가 포함되어 있으며 제출 버튼을 사용하여 백그라운드로 제출합니다. . 이러한 방식으로 제출 후 페이지가 새로 고쳐집니다.

2. 웹링크로 제출

제출해야 하는 매개변수를 웹페이지의 링크에 첨부할 수 있습니다. 사용자가 링크를 클릭하면 브라우저가 링크에 대한 액세스를 시작하고 이후 링크에 첨부된 매개변수도 제출됩니다. 이 방법으로 제출하면 페이지도 새로 고쳐집니다.

3. Ajax를 통해 제출

Javascript는 HTTP 요청을 생성하는 ajax 메소드를 지원합니다. HTML 페이지 요소의 이벤트 처리 기능에서 ajax 요청을 생성하고 url 매개변수에 필수 제출 매개변수를 전달한 후 제출한 후 백그라운드로 제출할 수 있습니다. 이런 식으로 페이지가 새로 고쳐지지 않습니다.

실제 웹페이지에서는 실제 사용자 상호작용의 필요에 따라 적절한 제출 방법을 선택해야 합니다.

1. 텍스트 상자, 라디오 버튼, 드롭다운 상자 등 사용자 입력을 위해 일부 양식 유형을 사용해야 하는 경우 제출 후 페이지를 새로 고치려면 첫 번째 및 세 번째 방법을 선택할 수 있습니다. 첫 번째 방법을 선택하세요. 제출 후 페이지를 새로 고치지 않으려면 옵션 3을 선택하세요.

2. 양식 입력이 필요하지 않은 경우 2번째와 3번째 방법을 선택하세요. 제출 후 페이지를 새로 고치고 싶다면 2번째 방법을 선택하세요. 3번째 방법을 선택하세요.

양식에 제출 버튼이 여러 개 있으면 어떻게 되나요?
예를 들어 양식의 제출 버튼은 서로 다른 처리 페이지를 가리킵니다. 양식 데이터 처리 페이지는 양식이 정의될 때 결정되므로 양식에 여러 개의 제출 버튼을 배치하는 것만으로는 목적을 달성할 수 없습니다. 이를 위해서는 자바스크립트가 필요합니다.
먼저 함수 정의:


<스크립트 언어=javascript>
함수 쿼리(){
form.action=”query.php”
form.submit();}
함수 업데이트( ){
form.action=”update.php”
form.submit();}

다른 기능을 가진 여러 개의 제출 버튼을 구현할 수 있도록 자바스크립트를 통해 양식의 작업 속성 값을 변경합니다.

<양식 이름=”양식” 방법=”게시” 작업=”#”>
<입력 유형=”버튼” 이름=”쿼리” onclick=”query();” 값=”쿼리”>
<입력 유형=”버튼” 이름=”업데이트” onclick=”업데이트();” 값=”업데이트”> 🎜>

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