아약스 제출 dupplicate을 방지

Question

대답 목록을 만들려면 아약스 사용하고 있습니다. 리스트의 마지막에

나는 사용자가 (아약스와도) 응답을 추가 할 수 있도록 텍스트 영역 양식을 추가했다.

문제

는 사용자가 페이지가 JS 코드를 "알고"하지 않습니다 회신을 제출하려면 이렇게 할 때 난 내 주요 PHP 페이지에 내 JS에 전화 것입니다. js를 ajax PHP 파일/페이지에 추가하면 코드가 작동하지만 여러 번 복제 될 것이고 사용자가 양식을 제출할 때 텍스트가 여러 번 제출 될 것입니다 ...

제 콘솔에서 JS 파일 내가

가

내가 그것을 어떻게 방지 할 수 답장 목록을로드 할 때마다 중복?

Answer 1

사용자가 한 번 버튼을 누르면 즉시 제출 버튼을 비활성화합니다. jQuery를 사용
:

$("#button").attr('disabled','disabled'); 

그래서 사용자가 새로운 데이터로 신청서를 다시 제출 할 수 AJAX 오류에 disabled 속성 을 제거해야합니다. 당신이 탐색하거나 F5를 눌러, 단순히 당신이 원하는 일을 한 후 $ _POST 바르를 해제 할 때 데이터를 반복하지하려면

$('#button').removeAttr('disabled'); 

Answer 2

[개선] 을하고, 밤은 있는지 확인 :

이 같은 disabled 속성을 제거 할 수 있습니다 당신이 원할 때마다 당신을 리다이렉트합니다. 예 :

/* HERE do the job with ajax response. */ 
    if(!isset($_post['foo'])) header('Location: wherever.php'); 
$_POST['foo']=NULL; 

당신이 $ _GET을 사용하는 경우가 ...하지 마, $ _POST ... $ _POST를 사용하는 것은 당신의 친구입니다.

마침내 당신이 F5를 누르면, 당신은 우편으로 양식 바르를 다시 보내지 않도록 (그렇지 않으면 당신은 같은를 얻을 것이다). 이런 일이 발생하면 페이지로드시 jQuery로 입력 내용을 지우십시오.

$('#inputID').val('');