페이지 없이 데이터만 제출하는 양식에 대한 솔루션 jump

페이지 없이 데이터만 제출하는 양식에 대한 솔루션 jump_jquery

WBOY

풀어 주다： 2016-05-16 17:22:08

원래의

1745명이 탐색했습니다.

일반적인 양식 제출 작업은

코드 복사 코드는 다음과 같습니다.

saveReport 페이지에 데이터를 제출하려면 제출 버튼을 클릭하거나 Enter를 직접 누르세요. 하지만 제출 후 saveReport 페이지로 이동하기도 합니다.

방법
saveReport(양식 가리킨 작업) 페이지에 데이터를 제출했는데 페이지가 점프하지 않습니다. 즉, 현재 페이지가 변경되지 않은 상태로 유지됩니까? ?
이러한 요구는 페이지를 로드할 때 특히 시급합니다.

jquery의 ajaxSubmit 함수와 양식의 onsubmit 함수를 사용하여 다음과 같이 완료합니다.

코드 복사 코드는 다음과 같습니다. 다음은 다음과 같습니다.

 input type= "submit" value="보고서 저장"/> 
 
Form은 jquery 호출을 위한 ID를 추가하고 제출 전 제출을 위한 onsubmit 함수를 추가합니다. .

saveReport 양식의 해당 기능은

코드를 복사하세요. 코드는 다음과 같습니다.

function saveReport() {

// jquery 양식 제출 
$("#showDataForm").ajaxSubmit(function(message) { 
// 양식 제출 성공 후 처리를 위해 메시지 제출 페이지입니다. saveReport.htm 콘텐츠 반환
}); 

return false; // False를 반환해야 합니다. 그렇지 않으면 양식이 다시 제출되고 페이지가 이동합니다. 
} 