getJSON은 폼 안의 버튼에서 트리거됩니다.

Question

요청이 작동하도록 폼 외부에서 getJSON 메서드를 트리거하는 버튼을 배치해야하는 이유를 이해하는 데 문제가 있습니다.

단추가 양식 내에 있으면 getJSON 메소드는 결과를 리턴하지 않습니다.

코드는 선택된 값에 따라 기본적으로 제출 단추를 클릭 할 때 XHR 요청을합니다. 나는 여기에 문제를 복제 한 : http://jsfiddle.net/z6caj/

많은 감사, 버튼의

Answer 1

$('#state').change(function(){ 

    //do stuff 

} 

Answer 2

딸깍를 (양식 내부에 배치 할 때) 형태를 정상적인 방법을 제출합니다. 클릭 핸들러의 끝에 return false을 입력하면 예상대로 작동합니다. 또한, 폼의 제출 처리기 return false을 만들어 제출을 방지 :

$("form").submit(function() { 
    return false; 
}); 

Answer 3

을 그것이 제출 버튼과 기본 동작을 방지하기 위해 아무것도 할 수 없기 때문입니다.

그러면 JS가 실행되어 (Ajax 요청 설정) 페이지가 나오고 요청을 버린다.

는 http://docs.jquery.com/Tutorials:How_jQuery_Works (단원 "을 클릭하고 대부분의 다른 이벤트의"시작)를 참조하십시오

당신은 예를 들어, onchange를 이벤트를 사용하여 드롭 다운에 아약스 요청을 실제로 할 수