아약스 함수에 양식을 제출하지만 페이지도 다시로드 중입니다.

Question

내 질문은 아마도 간단하지만 어쨌든 물어볼 것입니다. 그래서

나는 내 양식의 실행에주의 조치를 ") 아약스 ("온 클릭 =이 있고 동시에 형태의 작용은 내 양식의 제출 버튼 = ""

이 내 액션 코드에 무엇이든지 리디렉션되는 페이지입니다.

아약스 양식을 제출할 때 무엇을해야합니까?

Answer 1

jQuery를 사용하는 경우 jQuery를 사용하십시오 (onclick의 함수를 호출하지 마십시오) :

$(document).ready(function() { 
    $("#buttonId").click(function (event) { 
     event.preventDefault(); 
     // do submit here 
    }); 
}); 

또는 malsup's AJAX form plugin을 사용하십시오.

Answer 2

제출 버튼을 클릭하여 양식을 제출하십시오. 일반 단추를 사용하십시오. input type="button"

Answer 3

사용 return false;

onclick="ajax();return false;" 

Answer 4

당신이해야 할 것은 (가)

을 트리거 얻을 나던 제출 있도록 아약스 기능 그래서 같을 것이다 preventDefault 형태 :

onclick="ajax(event)" 

function ajax(e){ 
    ... 
    e.preventDefault(); 
}