양식 제출 전에 Ajax 요청 보내기

Question

양식의 onsubmit()에서 ajax 요청을 보낼 수 있습니까? 브라우저가 원래 요청을 보내는 것보다 오랫동안 내 요청을 보내는 경우로드 된 페이지의 위치가 변경되는 즉시 요청이 삭제되므로 가끔씩 그 요청이 삭제됩니다. 서버를 때리면 안된다.

기본적으로 로그인 이벤트를 수집하는 감사 로그 수집기를 추가하고 싶습니다. 침입을 최소화하면서 기존 앱에 연결하려고합니다.

Answer 1

이것은 쉽게 달성 할 수 있습니다. AJAX 요청이 완료 될 때까지 양식 제출을 보류하십시오.

양식에 onsubmit 속성을 호출하여 AJAX 함수를 호출하고 false를 반환합니다 (양식 제출을 취소 함). AJAX 호출이 완료되면 프로그래밍 방식으로 양식을 제출하십시오. 예를 들어

이 문제를 해결하는 또 다른 방법이있다

<form name="myform" onsubmit="javascript: startAjax(); return false;"> 
... 
<script type="text/javascript"> 
function startAjax() {} // Calls ajaxComplete() when finished 

function ajaxComplete() 
{ 
    document.myform.submit(); 
} 
</script> 

Answer 2

, 그건 당신이 동기로 아약스 전화를 걸 수 있습니다.

예 : 이로써

xmlhttp.open("GET", imageUrlClickStream, false); 

우리는 양식 제출은 응답을 얻을 아약스 호출 할 때까지 대기해야 할 수 있습니다.

Answer 3

onsubmit을 onclock으로 바꾸면 루프가 작동하기 때문에 나를 위해 잘 작동합니다.

<form name="myform" onclick="javascript: startAjax(); return false;"> 
... 
<script type="text/javascript"> 
function startAjax() {} // Calls ajaxComplete() when finished 

function ajaxComplete() 
{ 
    document.myform.submit(); 
} 
</script>