javascript - js 양식 ajax 제출이 중복된 것으로 나타납니다.

Question

이전에는 FormData를 사용하여 Ajax 제출 양식 문제가 있었지만 제출이 오류 메서드 블록으로 직접 이동했습니다. 이전 반 친구들의 말을 듣고 <button> > 해결책을 찾았지만 알 수 없습니다. 누군가가 해결하도록 도와주길 바랍니다. (<버튼> 또는 <input type="button"/>을 사용하든 관계 없음) 정상적으로 실행되고 반환될 수 있습니다. 차이점은 백그라운드에서 데이터를 수신할 때 <button>을 사용하면 오류 블록을 직접 입력할 수 있지만 <input type="button"/> 아래에 게시되었습니다

양식

으아아아

js 코드

으아아아

Answer 1

다음 두 태그는 자동으로 양식을 제출합니다:
<button>
<input type="submit">

다음 태그는 자동으로 양식을 제출하지 않습니다:
<input type="button">

처음 두 개를 사용하면 브라우저 자체에서 한 번 제출하는 데 도움이 되며 코드는 다시 제출됩니다. $("#submit_btn").on("click",function(){
반복됩니다.

Answer 2

<button>标签当成<form>中的input 요소를 넣지 마세요.

HTML 양식에서 버튼 요소를 사용하는 경우 브라우저마다 다른 값이 제출됩니다. Internet Explorer는 <button> 및 <button/> 사이에 텍스트를 제출하고 다른 브라우저는 값 속성

을 제출합니다.

Answer 3

버튼을 사용하여 유형=버튼을 지정하면 이를 방지할 수 있습니다