jQuery, form tag bug?

Question

jquery, javascript 및 perl이 혼합 된이 내부 웹 페이지가 있습니다. 웹 페이지는 현재 정상적으로 작동합니다. 나는 serialize()를 사용하여 수동으로 처리하고 있기 때문에 전달할 변수/값을 더 쉽게 수집 할 수 있도록 할 생각이었다.

그러나 일단 코드 <form id="something"> </form>을 넣기 시작하면 내 페이지는 이전과 같이 작동하지 않습니다. 일단 제출하면 웹 페이지가 사이트 시작 부분으로 새로 고쳐집니다.

어떻게하면됩니까? 이 문제를 방지하는 방법

Answer 1

이것은 jQuery 버그가 아니며 HTML 작동 방식입니다. form 태그에 URL이 없으면 POST (페이지 새로 고침)됩니다. AJAX를 통해 양식을 POST하는 경우 다음 방법 중 하나를 사용하여 양식에서 페이지를 다시로드하지 않도록 할 수 있습니다.

$('form').submit(function(e){ 
    e.preventDefault(); 
}); 

을 또는 당신은 javascript:void(0) 폼 태그를 가리킬 수 있습니다 :

가 제출 된 때 기본 양식 동작을 방지 할 수 있습니다

<form action="javascript:void(0);"> 

난 당신이 preventDefault()을 사용하지만, 두 가지 작동 좋습니다.