양식 자바 스크립트를 사용하여 제출

Question

지도에 마커를 플롯하기 위해 Javascript 기능을 호출하는 버튼이 있습니다. 그것은 데이터베이스에 쿼리에 대한 PHP 파일을 확인하고 그것이 보는 포인트를 그립니다. 그것은 작동합니다.

나는 또한 쿼리를 필터링하는 몇 가지 드롭 다운 메뉴가 있습니다. 두 번째 버튼 "필터"는 드롭 다운 데이터를 PHP 파일에 게시하고 "마커/자바 스크립트"가지도상의 점을 그릴 때 사용하는 XML 파일을 만듭니다. 그것은 또한 작동합니다.

드롭 다운 "페이지"(페이지에서 벗어나지 않고)를 수행 한 다음 Javascript 기능을 실행하여 마커를 표시하려면 버튼이 하나 필요합니다. http://socialandsober.com/meetings2.php

당신은 링크에서 내 소스 코드를 볼 수 있습니다 여기에

내가 작업하고있는 사이트입니다. 이 두 가지 작품 모두 내가 원하는 것처럼 한 번의 클릭으로 작동하지 않습니다. 어떤 아이디어?

Answer 1

예, 페이지를 떠나지 않고 양식을 게시하는 ajax를 사용하십시오. 여기를 보아라.

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

기본적으로 당신은 마커 코드를 실행 한 후 아약스 함수를 호출하거나 성공적으로 콜백을 얻을 때 마커 코드를 호출 할 수 있습니다. jquery없이 아약스를 할 수 있습니다. jquery를 쉽게 찾을 수 있습니다. http://www.simonerodriguez.com/ajax-form-submit-example/